/*Fancybox css*/

@charset "UTF-8";
body.fancybox-active {
	overflow: hidden
}
body.fancybox-iosfix {
	position: fixed;
	left: 0;
	right: 0
}
.fancybox-is-hidden {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden
}
.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99992;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.fancybox-outer {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}
.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
	opacity: .87;
	transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
	position: absolute;
	direction: ltr;
	z-index: 99997;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s, visibility 0s linear .25s;
	box-sizing: border-box
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	visibility: visible;
	transition: opacity .25s, visibility 0s
}
.fancybox-infobar {
	top: 0;
	left: 0;
	font-size: 13px;
	padding: 0 10px;
	height: 44px;
	min-width: 44px;
	line-height: 44px;
	color: #ccc;
	text-align: center;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;
	mix-blend-mode: exclusion
}
.fancybox-toolbar {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0
}
.fancybox-stage {
	overflow: hidden;
	direction: ltr;
	z-index: 99994;
	-webkit-transform: translateZ(0)
}
.fancybox-is-closing .fancybox-stage {
	overflow: visible
}
.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: none;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
	z-index: 99994;
	-webkit-overflow-scrolling: touch;
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}
.fancybox-slide:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
	display: block
}
.fancybox-slide--image {
	overflow: visible
}
.fancybox-slide--image:before {
	display: none
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
	background: #000
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
	background: #e5e3df
}
.fancybox-slide--next {
	z-index: 99995
}
.fancybox-slide>* {
	display: inline-block;
	position: relative;
	padding: 24px;
	margin: 44px 0;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	box-sizing: border-box
}
.fancybox-slide>base,
.fancybox-slide>link,
.fancybox-slide>meta,
.fancybox-slide>script,
.fancybox-slide>style,
.fancybox-slide>title {
	display: none
}
.fancybox-slide .fancybox-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 99995;
	background: transparent;
	cursor: default;
	overflow: visible;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}
.fancybox-can-zoomOut .fancybox-image-wrap {
	cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap {
	cursor: zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
	cursor: -webkit-grab;
	cursor: grab
}
.fancybox-is-dragging .fancybox-image-wrap {
	cursor: -webkit-grabbing;
	cursor: grabbing
}
.fancybox-image,
.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.fancybox-spaceball {
	z-index: 1
}
.fancybox-slide--iframe .fancybox-content {
	padding: 0;
	width: 80%;
	height: 80%;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 88px);
	overflow: visible;
	background: #fff
}
.fancybox-iframe {
	display: block;
	padding: 0;
	border: 0;
	height: 100%
}
.fancybox-error,
.fancybox-iframe {
	margin: 0;
	width: 100%;
	background: #fff
}
.fancybox-error {
	padding: 40px;
	max-width: 380px;
	cursor: default
}
.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 16px;
	line-height: 20px
}
.fancybox-button {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 10px;
	border: 0;
	border-radius: 0;
	background: rgba(30, 30, 30, .6);
	transition: color .3s ease;
	cursor: pointer;
	outline: none
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: #ccc
}
.fancybox-button:focus,
.fancybox-button:hover {
	color: #fff
}
.fancybox-button[disabled] {
	color: #ccc;
	cursor: default;
	opacity: .6
}
.fancybox-button svg {
	display: block;
	position: relative;
	overflow: visible;
	shape-rendering: geometricPrecision
}
.fancybox-button svg path {
	fill: currentColor;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 3
}
.fancybox-button--share svg path {
	stroke-width: 1
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
	display: none
}
.fancybox-button--zoom svg path {
	fill: transparent
}
.fancybox-navigation {
	display: none
}
.fancybox-show-nav .fancybox-navigation {
	display: block
}
.fancybox-navigation button {
	position: absolute;
	top: 50%;
	margin: -50px 0 0;
	z-index: 99997;
	background: transparent;
	width: 60px;
	height: 100px;
	padding: 17px
}
.fancybox-navigation button:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: rgba(30, 30, 30, .6)
}
.fancybox-navigation .fancybox-button--arrow_left {
	left: 0
}
.fancybox-navigation .fancybox-button--arrow_right {
	right: 0
}
.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	z-index: 10;
	cursor: pointer
}
.fancybox-close-small:after {
	content: "×";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background-color: transparent;
	transition: background-color .25s;
	box-sizing: border-box;
	z-index: 2
}
.fancybox-close-small:focus {
	outline: none
}
.fancybox-close-small:focus:after {
	outline: 1px dotted #888
}
.fancybox-close-small:hover:after {
	color: #555;
	background: #eee
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
	top: 0;
	right: -44px
}
.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
	font-size: 35px;
	color: #aaa
}
.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
	color: #fff;
	background: transparent
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
	display: none
}
.fancybox-caption-wrap {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 2vw 0;
	background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
	pointer-events: none
}
.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid hsla(0, 0%, 100%, .4);
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
	pointer-events: all;
	position: relative
}
.fancybox-caption a {
	color: #fff;
	text-decoration: underline
}
.fancybox-slide>.fancybox-loading {
	border: 6px solid hsla(0, 0%, 39%, .4);
	border-top: 6px solid hsla(0, 0%, 100%, .6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: a .8s infinite linear;
	animation: a .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 99999
}
@-webkit-keyframes a {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}
@keyframes a {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}
.fancybox-animated {
	transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0
}
.fancybox-fx-slide.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0
}
.fancybox-fx-slide.fancybox-slide--current {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	-webkit-transform: scale3d(1.5, 1.5, 1.5);
	transform: scale3d(1.5, 1.5, 1.5);
	opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
	-webkit-transform: scale3d(.5, .5, .5);
	transform: scale3d(.5, .5, .5);
	opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1
}
.fancybox-fx-rotate.fancybox-slide--previous {
	-webkit-transform: rotate(-1turn);
	transform: rotate(-1turn);
	opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--next {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn);
	opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--current {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1
}
.fancybox-fx-circular.fancybox-slide--previous {
	-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	opacity: 0
}
.fancybox-fx-circular.fancybox-slide--next {
	-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	opacity: 0
}
.fancybox-fx-circular.fancybox-slide--current {
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0);
	opacity: 1
}
.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
	transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
	transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1)
}
.fancybox-share {
	padding: 30px;
	border-radius: 3px;
	background: #f4f4f4;
	max-width: 90%
}
.fancybox-share h1 {
	color: #222;
	margin: 0 0 20px;
	font-size: 33px;
	font-weight: 700;
	text-align: center
}
.fancybox-share p {
	margin: 0;
	padding: 0;
	text-align: center
}
.fancybox-share p:first-of-type {
	margin-right: -10px
}
.fancybox-share_button {
	display: inline-block;
	text-decoration: none;
	margin: 0 10px 10px 0;
	padding: 10px 20px;
	border: 0;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
	background: #fff;
	white-space: nowrap;
	font-size: 16px;
	line-height: 23px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 140px;
	color: #707070;
	transition: all .2s
}
.fancybox-share_button:focus,
.fancybox-share_button:hover {
	text-decoration: none;
	color: #333;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
}
.fancybox-share_button svg {
	margin-right: 5px;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom
}
.fancybox-share input {
	box-sizing: border-box;
	width: 100%;
	margin: 5px 0 0;
	padding: 10px 15px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	background: #ebebeb;
	color: #5d5b5b;
	font-size: 14px;
	outline: none
}
.fancybox-thumbs {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 212px;
	margin: 0;
	padding: 2px 2px 4px;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	box-sizing: border-box;
	z-index: 99995
}
.fancybox-thumbs-x {
	overflow-y: hidden;
	overflow-x: auto
}
.fancybox-show-thumbs .fancybox-thumbs {
	display: block
}
.fancybox-show-thumbs .fancybox-inner {
	right: 212px
}
.fancybox-thumbs>ul {
	list-style: none;
	position: absolute;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0;
	white-space: nowrap
}
.fancybox-thumbs-x>ul {
	overflow: hidden
}
.fancybox-thumbs-y>ul::-webkit-scrollbar {
	width: 7px
}
.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px
}
.fancybox-thumbs>ul>li {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 2px;
	width: 100px;
	height: 75px;
	max-width: calc(50% - 4px);
	max-height: calc(100% - 8px);
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box
}
li.fancybox-thumbs-loading {
	background: rgba(0, 0, 0, .1)
}
.fancybox-thumbs>ul>li>img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	max-height: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.fancybox-thumbs>ul>li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 4px solid #4ea7f9;
	z-index: 99991;
	opacity: 0;
	transition: all .2s cubic-bezier(.25, .46, .45, .94)
}
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
	opacity: 1
}
@media (max-width: 800px) {
	.fancybox-thumbs {
		width: 110px
	}
	.fancybox-show-thumbs .fancybox-inner {
		right: 110px
	}
	.fancybox-thumbs>ul>li {
		max-width: calc(100% - 10px)
	}
}
/*! Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */

.lity {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	background: #0b0b0b;
	background: rgba(0, 0, 0, 0.9);
	outline: none !important;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease
}
.lity.lity-opened {
	opacity: 1
}
.lity.lity-closed {
	opacity: 0
}
.lity * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.lity-wrap {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	outline: none !important
}
.lity-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em
}
.lity-loader {
	z-index: 9991;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -0.8em;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease
}
.lity-loading .lity-loader {
	opacity: 1
}
.lity-container {
	z-index: 9992;
	position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	white-space: normal;
	max-width: 100%;
	max-height: 100%;
	outline: none !important
}
.lity-content {
	z-index: 9993;
	width: 100%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: -o-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease
}
.lity-loading .lity-content,
.lity-closed .lity-content {
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)
}
.lity-content:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}
.lity-close {
	z-index: 9994;
	width: 35px;
	height: 35px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-appearance: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Baskerville, monospace;
	line-height: 35px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	border: 0;
	background: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.lity-close::-moz-focus-inner {
	border: 0;
	padding: 0
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Baskerville, monospace;
	line-height: 35px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	border: 0;
	background: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.lity-close:active {
	top: 1px
}
.lity-image img {
	max-width: 100%;
	display: block;
	line-height: 0;
	border: 0
}
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
	width: 100%;
	max-width: 964px
}
.lity-iframe-container {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: auto;
	pointer-events: auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000
}
.lity-hide {
	display: none
}
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
 input,
textarea,
select,
button {
	font-family: 'Raleway', sans-serif;
}
@media (min-width: 768px) {
	.custom-menu-primary.main-header-menu ul li ul li a {
		display: inline-block !important;
		position: relative;
		padding: 0px;
	}
	
	.custom-menu-primary.main-header-menu ul li ul li a:after {
		content: '';
		position: absolute;
		left: 0;
		width: 0;
		height: 1px;
		background-color: #0a4675;
		transition: .25s ease-in-out;
		bottom: 0;
	}
	.custom-menu-primary.main-header-menu ul li ul li:after {
		display: none;
	}
	.custom-menu-primary.main-header-menu ul li ul li:hover a:after {
		width: 100%;
	}
}
.services-inner.three-col-adjust div.hs_cos_wrapper {
	display: inline-block;
	width: 32%;
	text-align: center;
	margin-right: 17px;
	margin-bottom: 20px;
	vertical-align: top;
}
.services-inner .dp-service-top-icon:hover * {
	color: #fff !important;
}
.services-inner .dp-service-top-icon:hover {
	background-color: #0a4675;
}
.services-inner .dp-service-top-icon {
	border: 2px solid #0000001a;
	border-radius: 3px;
	padding: 40px 40px 40px;
	transition: all .2s ease-in;
	min-height: 500px;
	-webkit-transition: all .2s ease-in;
}
.services-inner.three-col-adjust div.hs_cos_wrapper:nth-child(3n) {
	margin-right: 0;
}
.main-content-new {
	padding: 45px 0 80px;
}
.services-inner.three-col-adjust div.hs_cos_wrapper h4 {
	font-size: 20px;
	margin-bottom: 0;
}
.two-col-diff {
	padding-bottom: 40px;
}
.row-two.services-section {
	margin-top: 90px;
}
.banner-section p:last-child {
	margin-bottom: -5px;
}
.banner-section.banner-static {
	background-position: center;
}
.services-inner.three-col-adjust div.hs_cos_wrapper a.cta_button {
	font-size: 16px !important;
	padding: 12px 24px !important;
}
.new-main-body {
	background-image: url(https://cdn2.hubspot.net/hubfs/533526/Lancom-may-2018/background-img.png);
	background-repeat: no-repeat;
	width: 100%;
	background-size: contain;
}
.row-one-content.new-row-first {
	padding-bottom: 55px;
}
.term-form-right {
	text-align: center;
	padding: 20px 30px 20px;
}
.hs_error_rollup {
	display: none;
}
.term-form-right label span,
.term-form-right legend {
	display: none !important;
}
.terms-texts ol li {
	padding: 0px 0px 15px 0px;
}
.terms-notes p {
	font-size: 16pt;
	line-height: 25pt;
	color: #0a4672;
	margin: 0px 0px 12px 0px;
}
.terms-texts li {
	font-size: 18px;
	line-height: 32.4px;
	color: #0a4672;
}
.term-form-right input {
	padding: 11px 118px 11px 5px;
	border-radius: 21px;
	border-color: transparent;
}
.term-form-left p {
	margin-top: 0px;
	margin-bottom: 54px;
}
.term-form-left ul {
	padding: 0px 0px 0px 17px;
}
.term-form-left li {
	font-size: 18px;
	line-height: 32.4px;
	padding-bottom: 30px;
}
.fw-bg h3 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	margin-bottom: 0;
}
.fw-bg p {
	font-size: 24px;
	line-height: 28px;
	margin: 20px 0 40px;
}
.term-form-right {
	background-image: url(https://cdn2.hubspot.net/hubfs/533526/Lancom-may-2018/form.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
}
.term-form-left h1 {
	font-size: 36px;
	line-height: 43px;
	color: #0a4672;
	font-weight: 700;
}
.term-form-right input,
.term-form-right select,
.term-form-right textarea {
	padding: 11px 0px 12px 20px;
	border-radius: 40px;
	border-color: transparent;
	width: 100%;
	outline: 0 !important;
	margin: 8px 0px;
	color: #666666;
	font-size: 15px;
	line-height: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.hs-error-msgs.inputs-list {
	margin: 0;
}
.hs-error-msgs.inputs-list li label {
	color: #fff;
	font-size: 13px;
}
.term-form-right select {
	position: relative;
}
.term-form-right select {
	background-image: linear-gradient(45deg, transparent 50%, #d6d6d6 50%), linear-gradient(135deg, #d6d6d6 50%, transparent 50%);
	background-position: calc(97% - 20px) calc(1em + 2px), calc(97% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
}
.fw-bg .btn-big {
	font-weight: bold;
	font-size: 20px;
	padding-top: 18px;
	padding-bottom: 18px;
	border-radius: 40px;
	padding: 13px 50px;
}
.hs_how_would_you_like_to_be_contacted_.hs-how_would_you_like_to_be_contacted_.hs-fieldtype-select.field.hs-form-field {
	position: relative;
}
.hs_what_s_your_biggest_it_challenge_.hs-what_s_your_biggest_it_challenge_.hs-fieldtype-select.field.hs-form-field.smart-field {
	position: relative;
}
.term-form-left ul li,
terms-texts ul li,
{
	font-size: 21px;
	line-height: 33px;
	font-weight: 400;
}
.term-form-right input.hs-button.primary.large:hover {
	background: rgba(32, 228, 162, 0.7);
}
.term-form-right input.hs-button.primary.large {
	padding: 2px;
	margin-bottom: 19px;
	background: #20e4a2;
	color: #ffffff !important;
	font-size: 20px;
	line-height: 32px;
	margin-top: 10px;
	text-align: center;
	height: 50px;
	font-weight: bold;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.home-lay .row-one-content p,
.term-form-left p {
	font-size: 18px;
	line-height: 32.4px;
	color: #0a4672;
}
.terms-texts h2 {
	font-weight: 700;
	font-size: 36px;
	line-height: 43px;
}
.terms-notes {
	background: #f5f8fb;
	padding: 5px 25px;
	margin-bottom: 60px;
}
.home-lay .new-row-first.row-one-content h1:before {
	display: none;
}
.terms-texts ul,
.terms-texts ol {
	padding: 0px 0px 10px 15px;
}
.new-main-body {} .fw-bg::before {
	content: "";
	position: absolute;
	background-image: url("https://www.lancom.co.nz/hubfs/Lancom-may-2018/explore-image.png?t=1526379905972");
	top: -100px;
	height: 174px;
	background-repeat: no-repeat;
	width: 290px;
	right: 0;
}
.fw-bg .page-center {
	position: relative;
	z-index: 99;
}
.fw-bg {
	position: relative;
	text-align: center;
	padding-top: 58px;
	padding-bottom: 58px;
}
.fw-bg::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 237px;
	background-image: url(https://cdn2.hubspot.net/hubfs/533526/Lancom-may-2018/explore-content.png);
	left: 0px;
	background-repeat: no-repeat;
	bottom: -14px;
	z-index: 1;
	background-size: contain;
}
.home-lay .row-one-content h1 {
	margin: 0;
	position: relative;
	padding-top: 20px;
	font-size: 60px;
	line-height: 72px;
}
.term-form-right h3 {
	color: #ffffff;
	font-size: 36px;
	line-height: 43px;
	font-weight: 700;
	margin-bottom: 20px;
}
select {
	margin-right: 5px;
}
/**tv-page**/

.cyber-main {
	text-align: center;
	padding: 60px 0 10px;
}
.cyber-content {
	max-width: 800px;
	margin: auto !important;
	float: none !important;
}
.cyber-header {
	max-width: 800px;
	margin: auto !important;
	float: none !important;
	position: relative;
	padding-top: 10px;
}
.cyber-header h2 {
	font-size: 34px;
	line-height: 47px;
	font-weight: 700;
}
.cyber-content p {
	line-height: 33px;
	margin: 0;
}
.date-time-sec ul {
	padding: 0;
	margin: 15px 0 40px;
}
.date-time-sec ul li {
	display: inline-block;
	padding: 0 22px;
}
.date-time-sec ul li i {
	margin-right: 10px;
}
.video-section {
	text-align: center;
	position: relative;
	background: url("https://cdn2.hubspot.net/hubfs/533526/Lancom-may-2018/video-back.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	padding: 40px 0;
}
.download-link {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 65px !important;
	float: none !important;
}
.cyber-content p a,
.download-link p a,
.transcription-flex-col p a {
	color: #1fe4a1;
}
.cyber-content p a:hover,
.download-link p a:hover,
.transcription-flex-col p a:hover {
	color: #1fe4a1;
	text-decoration: underline;
}
.download-link p {
	line-height: 32px;
}
.cyber-header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #20e4a2;
	height: 4px;
	border-radius: 50px;
	max-width: 120px;
	width: 120px;
	margin: auto;
}
.transcription-sec h2 {
	text-align: center;
	font-size: 36px;
	padding-top: 35px;
	font-weight: bold;
	position: relative;
}
.transcription-sec h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #20e4a2;
	height: 4px;
	border-radius: 50px;
	max-width: 120px;
	margin: auto;
}
.transcription-flex-col {
	padding: 35px 0 130px;
	text-align: center !important;
}
.question-sec-main .left-sec {
	display: inline-block;
	font-size: 18px;
	text-align: left;
	font-weight: 600;
	vertical-align: top;
	margin-right: 16px;
	width: 10%;
}
.question-sec-main .right-sec {
	display: inline-block;
	background: #f5f8fb;
	padding: 18px 22px;
	width: 88%;
	text-align: left;
	position: relative;
}
.question-sec-main .right-sec::before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	border-top: 10px solid #f5f8fb;
	border-left: 15px solid transparent;
}
.question-sec-main .right-sec p {
	margin: 0;
	font-size: 16px;
}
.answer-sec-main .left-sec {
	display: inline-block;
	text-align: left;
	margin-right: 16px;
	font-size: 18px;
	font-weight: 600;
	color: #1fe4a1;
	width: 10%;
	vertical-align: top;
}
.answer-sec-main .right-sec {
	display: inline-block;
	padding: 18px 22px;
	width: 88%;
	text-align: left;
	position: relative;
	background: #ebfdf7;
}
.answer-sec-main .right-sec::before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	border-top: 10px solid #ebfdf7;
	border-left: 15px solid transparent;
}
.question-sec-main {
	margin: 15px 0;
}
.answer-sec-main .right-sec p {
	margin: 0;
}
.leaership-flex-col span > div::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -28px;
	/*background: #0003;*/
	z-index: 99;
	height: 42px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	max-width: 140px;
	/*transform: rotate(-1deg); -webkit-transform: rotate(-1deg);*/
	margin: auto; width:142px; background-image:url("https://cdn2.hubspot.net/hubfs/533526/Lancom-may-2018/team-page/team-top.png");
	background-repeat: no-repeat;
}
.leaership-flex-col span > div {
	display: inline-block;
	width: 31%;
	vertical-align: top;
	margin-right: 34px;
	position: relative;
	margin-bottom: 70px;
}
.leadership-module {
	background: #fff;
	overflow: hidden;
	/*box-shadow: 0 0 10px #0003; -webkit-box-shadow: 0 0 10px #0003; -moz-box-shadow: 0 0 10px #0003; -ms-box-shadow: 0 0 10px #0003;*/
	padding: 25px;
	position: relative;
	box-shadow: 0px 2px 10px #999999;
	-webkit-box-shadow: 0px 2px 10px #999999;
	border-collapse: collapse;
	-moz-box-shadow: 0px 2px 10px #999999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5)";
	filter: progid: DXImageTransform.Microsoft.Shadow(color=#999999, direction=135, strength=5);
	background-color: #ffffff;
}
.leaership-flex-col span > div:nth-child(3n) {
	margin-right: 0;
}
.leader-description {
	padding-top: 22px;
}
.leader-description h3 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
}
.leader-description p {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
}
.leader-image img {
	width: auto;
	max-height: 260px;
}
.main-leadership-sec h2 {
	text-align: center;
	font-size: 36px;
	position: relative;
	font-weight: bold;
	padding-top: 30px;
}
.main-leadership-sec h2::before {
	content: "";
	height: 4px;
	border-radius: 50px;
	position: absolute;
	top: 0;
	background: #20e4a2;
	left: 0;
	right: 0;
	max-width: 120px;
	width: 120px;
	margin: auto;
}
.leaership-flex-col {
	padding-top: 80px;
}
.main-leadership-sec {
	padding-top: 120px;
}
.leader-detail p,
.leader-detail {
	font-size: 16px;
	line-height: 28px;
	margin: 0;
}
.leader-detail {
	position: absolute;
	background: #fff;
	top: 22px;
	border: 1px solid #e2ebf3;
	padding: 20px 10px 20px 20px;
	transform: translate(0, 200%);
	transition: all 0.6s ease;
	webkit-transform: translate(0, 200%);
	webkit-transition: all 0.6s ease;
	display: block !important;
	left: 22px;
	overflow: auto;
	right: 22px;
	bottom: 22px;
	width: 87% !important;
}
.leadership-module:hover .leader-detail {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.banner-static p {
	font-size: 18px;
	line-height: 32px;
	max-width: 620px;
}
.banner-static h1 {
	font-size: 60px;
	margin: 0;
}
.team-page.home-lay .banner-section.banner-static {
	padding: 160px 0 190px;
	background-position: center 40px !important;
	background-repeat: no-repeat;
}
.main_team_section {
	text-align: center;
	padding-top: 60px;
	position: relative;
}
.main_team_section::before {
	content: "";
	background: url("https://cdn2.hubspot.net/hubfs/533526/Lancom-may-2018/cloud-left.png");
	background-repeat: no-repeat;
	position: absolute;
	left: 60px;
	top: 170px;
	width: 200px;
	height: 121px;
}
.main_team_section::after {
	content: "";
	background: url("https://www.lancom.co.nz/hubfs/Lancom-may-2018/cloud-right.png?t=1527161770466");
	background-repeat: no-repeat;
	position: absolute;
	right: -50px;
	top: 280px;
	width: 200px;
	height: 121px;
}
.team-section {
	position: relative;
	padding-top: 0px;
	position: relative;
	height: auto;
	max-width: 900px;
	float: none !important;
	margin: 40px auto 0 !important;
}
.main_team_section h1 {
	text-align: center;
	font-size: 36px;
	position: relative;
	font-weight: bold;
	padding-top: 30px;
}
.main_team_section h1::before {
	content: "";
	height: 4px;
	border-radius: 50px;
	position: absolute;
	top: 0;
	background: #20e4a2;
	left: 0;
	right: 0;
	max-width: 120px;
	margin: auto;
	width: 120px;
}
.play-btn {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	bottom: 0;
	margin: auto;
	width: auto;
}
.play-btn button {
	background: #6cbcf5;
	border: 0;
	height: 70px;
	width: 110px;
	cursor: pointer;
}
.play-btn button i {
	color: #fff;
	font-size: 30px;
}
.team-single:hover .member-description {
	display: block !important;
}
.member-description {
	position: absolute;
	left: -65px;
	width: 230px;
	z-index: 9;
	background: #ffffff;
	box-shadow: 0px 5px 20px #0003;
	border-radius: 4px;
	padding: 22px 20px;
	top: -125px;
}
.member-description::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 18px solid white;
	width: 30px;
	margin: auto;
	right: 0;
}
.member-description h2 {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: bold;
}
.member-description p {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
}
.team-section span > div:nth-child(3n) .member-description {
	left: -80px;
}
.team-section span > div:nth-child(2n) .member-description {
	left: -80px;
}
::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	opacity: 1;
}
::-moz-placeholder {
	/* Firefox 19+ */
	opacity: 1;
}
:-ms-input-placeholder {
	/* IE 10+ */
	opacity: 1;
}
:-moz-placeholder {
	/* Firefox 18- */
	opacity: 1;
}
.cyber-content video {
	padding: 50px 0;
}
.widget-span.header-wrapper {
	z-index: 999;
}
/**scroll-css***/

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
	/* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}
.mCustomScrollBox {
	/* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.mCSB_container {
	/* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
	margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
}
/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
	/* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0;
}
/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: 320px;
	left: auto;
	top: 34px;
	right: 0;
	bottom: 0;
	margin: auto;
}
.mCSB_outside + .mCSB_scrollTools {
	right: -26px;
}
/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	/* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
	/* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
	/* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px;
	/* minimum dragger height */
	z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	/* the dragger element */
	position: relative;
	width: 7px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px;
	/* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px;
	/* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
	margin-right: 0;
	margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
	min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}
/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px;
}
/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
	margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	/* minimum dragger width */
	height: 100%;
	left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	/* auto-expanded scrollbar */
	margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	/* auto-expanded scrollbar */
	margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px;
}
/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0;
}
/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
	/* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
	padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
	padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	/* non-visible scrollbar */
	margin-left: 0;
}
/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
/* auto-expanded scrollbar */

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.16);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: #0000004d !important;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: #0000004d;
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(mCSB_buttons.png);
	/* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
	/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}
.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
	/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
	/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}
.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
	/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: 0.9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}
/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px;
}
/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}
/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px;
}
/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px;
}
/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}
/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}
/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
	height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	/* auto-expanded scrollbar */
	height: 16px;
	margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px;
	/* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	/* auto-expanded scrollbar */
	width: 16px;
	margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	/* auto-expanded scrollbar */
	margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px;
}
/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}
/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}
/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}
/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px;
}
/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	left: 0;
	right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}
/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}
/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */

/***content=-css-file****/

.content {
	overflow: auto;
	width: 740px;
	max-width: 97%;
	height: 330px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content.hidden {
	display: none;
}
.content.light {
	background-color: #ddd;
	color: #333;
}
.content hr {
	margin-bottom: -10px;
	border-top: 1px solid rgba(0, 0, 0, 0.7);
}
.showcase .content {
	float: left;
	width: 340px;
	height: 300px;
}
.showcase .horizontal-images.content {
	height: 140px;
	width: 700px;
	max-width: 97%;
	padding: 5px 5px 0 5px;
}
.showcase .horizontal-images.content h2,
.showcase .horizontal-images.content li img {
	height: 119px;
}
.showcase .horizontal-images.content h2 {
	color: #fff;
	background-color: #eb3755;
	padding: 10px 20px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 165%;
}
.horizontal-images.content ul,
.vertical-images.content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.horizontal-images.content li {
	margin: 0 3px;
	float: left;
}
.vertical-images.content li {
	margin: 3px 0;
}
.horizontal-images.content li:first-child {
	margin-left: 0;
}
.vertical-images.content li:first-child {
	margin-bottom: 3px;
	margin-top: 0;
}
.horizontal-images.content li:last-child {
	margin-right: 0;
}
.vertical-images.content li:last-child {
	margin-bottom: 0;
}
.horizontal-images.content li img {
	width: auto;
	padding: 0;
}
.showcase #content-1.content {
	height: 620px;
}
.showcase #content-2.content {
	height: 620px;
}
.showcase #content-2.content h2 {
	color: #333;
}
.showcase #content-3.content {
	background-color: #412626;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA7+M2IR/w8UY0SXAAuCFCNLwAWRJVAEYRIYgiAJALsgBgYbCawOAAAAAElFTkSuQmCC");
	margin-right: 40px;
	width: 310px;
}
.showcase #content-3.content h2 {
	color: #eb3755;
}
.showcase #content-4.content {
	background-color: #1C383F;
}
.showcase #content-4.content h2 {
	color: #ddd;
}
.showcase #content-6.horizontal-images.content {
	padding: 10px 0 5px 0;
	background-color: #444;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGA4A8QmQAwGjDAGNgGwSgwVAFVOAgV/1mwxAAAAAElFTkSuQmCC");
}
.showcase #content-6.horizontal-images.content .mCSB_scrollTools {
	margin-left: 10px;
	margin-right: 10px;
}
.showcase #content-6.horizontal-images.content ul {
	margin-left: 10px;
	margin-right: 10px;
}
.showcase #content-6.horizontal-images.content h2 {
	color: #222;
	background-color: #c2beb2;
}
.showcase #content-6.horizontal-images.content h2,
.showcase #content-6.horizontal-images.content li img {
	height: 105px;
}
.showcase #content-7.content {
	height: 620px;
}
.showcase #content-8.content {
	width: 670px;
	height: 580px;
	padding: 0;
	background-color: #151515;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAK0lEQVQIW2NkwAL+//9vzIguDhZkZDyLIgETBCmGSyALwiXQBcES2ARBEgCUVxc3f8oLcQAAAABJRU5ErkJggg==");
	border: 5px solid rgba(0, 0, 0, 0.5);
	margin-right: 40px;
	margin-bottom: 50px;
}
.showcase #content-8.content h2 {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.showcase #content-8.content p {
	width: 710px;
	float: left;
	margin: 15px 20px;
}
.showcase #content-8.content hr + p {
	margin-top: 30px;
}
.showcase #content-8.content p:nth-child(3n+1) {
	width: 1460px;
	clear: both;
}
.showcase #content-9.content {
	height: 620px;
	background-color: #c2beb2;
	padding: 5px;
}
.showcase #content-9.content .mCSB_container {
	margin-right: 21px;
}
.showcase #content-9.content h2 {
	height: 85px;
	padding: 10px;
	margin-bottom: 0;
	margin-top: 15px;
	font-size: 180%;
	color: #333;
}
.showcase #content-9.content img {
	padding: 0;
	vertical-align: bottom;
}
#iframe-container {
	width: 90%;
	max-width: 1110px;
	background: #000;
	overflow: hidden;
}
#iframe-container iframe {
	vertical-align: bottom;
}
#infinite-scroll .offset {
	display: block;
	width: 100%;
	height: auto;
	color: #ffed0d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#infinite-scroll .offset p {
	margin-bottom: 60px;
}
#infinite-scroll .offset .indicator {
	display: block;
	width: 100%;
	height: 100px;
	background: #ffed0d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#examples.resizable {
	background: #444;
	padding-bottom: 30px;
}
#resizable.content {
	overflow: hidden;
	width: 640px;
	max-width: 80%;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* jquery ui resizable bug: http://bugs.jqueryui.com/ticket/8932 *
}
#resizable.content h2 {
	color: #444;
}
#resizable.content p {
	width: 1000px
}
.content.fluid {
	width: 90%;
	max-width: 1680px;
}
.content.fluid h2 {
	color: #eb3755;
	font-family: "Lobster Two", "Georgia", serif;
	font-weight: 700;
	font-style: italic;
}
.content.nested {
	height: 600px;
}
.content.nested .nested {
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 0.1);
	height: 400px;
}
#content-1.content.nested {
	margin-bottom: 40px;
}
#content-1.content.nested p {
	width: 1000px;
}
#content-1.content.nested .nested {
	margin: 20px;
	width: 600px;
	height: 300px;
}
.content.zero-height {
	height: 0;
}
.content.zero-width {
	width: 0;
}
.init-hidden #examples {
	min-height: 420px;
}
.full-page .content {
	height: 800px;
}
.full-page-alt #mCSB_1_container {
	width: 97% !important;
	/* override plugin property */
	min-width: 480px;
}
.full-page-alt #mCSB_1_scrollbar_vertical {
	position: fixed;
	margin-right: 30px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.full-page-alt #mCSB_1_scrollbar_horizontal {
	position: fixed;
	margin-bottom: 30px;
	margin-left: 16px;
	margin-right: 16px;
}
.full-page-alt .outer.content {
	width: 960px;
}
.full-page-alt .horizontal-images.content {
	height: 275px;
	width: 100%;
	margin: 20px auto 10px auto;
}
.full-page-alt .horizontal-images.content img {
	height: 200px;
}
.content table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px dashed #666;
	border-left: 1px dashed #666;
	border-right: 1px dashed #666;
	background: rgba(0, 0, 0, 0.1);
}
.content table tr {
	border-bottom: 1px dashed #666;
}
.content table td {
	padding: 10px 20px 9px 20px;
}
.sortable {
	min-width: 800px;
}
#sortable ul {
	margin-top: 20px;
	margin-bottom: 10px;
}
#sortable li {
	margin: 10px 40px;
	background: #444;
	padding: 5px 10px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#sortable li:active,
#sortable .ui-sortable-helper {
	background: #eb3755;
}
#examples.tabs,
#examples.accordion,
#examples.autocomplete {
	padding: 5px 20px 20px 20px;
	background-color: #333;
}
#examples.tabs h3,
#examples.accordion h3 {
	color: #222;
	font-family: inherit;
	font-style: inherit;
}
#tabs {
	margin-bottom: 20px;
}
#tabs,
#tabs-2,
#accordion {
	width: 600px;
	max-width: 95%;
}
#examples.tabs .ui-widget-content {
	background-image: none;
}
#autocomplete {
	border: none;
	background: #fff;
	min-height: 20px;
	padding: 5px 8px;
	font-size: inherit;
	font-family: inherit;
	color: #222;
	margin-top: 15px;
}
#autocomplete:focus {
	outline: none;
}
.ui-menu a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.ui-menu .mCSB_container {
	padding: 2px;
}
.ui-menu .mCSB_scrollTools {
	right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.bootstrap #examples {
	background: transparent;
}
.bootstrap #myModal-2 .modal-body {
	max-height: 340px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-bottom: -15px;
}
.bootstrap #myTab {
	max-width: 600px;
}
.bootstrap #myTab .tab-pane {
	padding: 15px 5px 15px 15px;
}
body.colorbox-demo #cboxContent,
body.colorbox-demo #cboxContent p,
body.colorbox-demo #cboxContent a:hover {
	color: #333;
}
.all-themes #examples {
	padding: 15px 0 0 15px;
}
.all-themes .content {
	width: 310px;
	height: 500px;
	margin: 0 20px 20px 0;
	float: left;
}
.all-themes .content h2,
.all-themes .content p,
.all-themes .content hr {
	width: 240px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.all-themes #content-m h2,
.all-themes #content-m p,
.all-themes #content-m hr,
.all-themes #content-md h2,
.all-themes #content-md p,
.all-themes #content-md hr {
	width: 270px;
}
.all-themes .content.expanded-content h2,
.all-themes .content.expanded-content p,
.all-themes .content.expanded-content hr,
.all-themes #content-m.expanded-content h2,
.all-themes #content-m.expanded-content p,
.all-themes #content-m.expanded-content hr,
.all-themes #content-md.expanded-content h2,
.all-themes #content-md.expanded-content p,
.all-themes #content-md.expanded-content hr {
	width: 540px;
}
.max-height-example .content {
	height: auto;
	max-height: 400px;
}
.max-width-example {
	min-width: 620px;
}
.max-width-example .content {
	height: auto;
	width: auto;
	max-width: 50%;
	min-width: 600px;
	display: inline-block;
	vertical-align: bottom;
}
.max-width-example .content ul {
	max-height: 135px;
	overflow-y: hidden;
}
.max-width-example .content img,
.max-width-example .content ul li > a {
	height: 130px;
	border: 3px solid #444;
}
.max-width-example .content ul li > a {
	display: block;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.3);
}
.snap-scrolling-example .content {
	height: auto;
	width: 853px;
}
.snap-scrolling-example .content img {
	height: 160px;
}
.textarea-example .content {
	width: 360px;
}
.textarea-example .content form {
	margin: 25px 0 15px 0;
}
.textarea-example .content textarea,
.textarea-example .textarea-clone {
	width: 300px;
	padding: 0 10px;
	line-height: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.textarea-example .content textarea {
	height: 160px;
	resize: none;
	overflow: hidden;
	outline: none;
	margin: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}
.textarea-example .content .textarea-wrapper {
	height: 182px;
	overflow: hidden;
	background-color: #bbb;
	background-color: rgba(255, 255, 255, 0.6);
	-moz-box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.6), inset 3px 3px 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.6), inset 3px 3px 20px rgba(0, 0, 0, 0.5);
	box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.6), inset 3px 3px 20px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.textarea-example .textarea-clone {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
	min-height: 160px;
	word-wrap: break-word;
	white-space: pre-wrap;
}
.textarea-example .content .textarea-wrapper .mCSB_scrollTools {
	margin: 10px 5px;
}
.scrollTo-demo .content {
	height: 290px;
}
.scrollTo-demo .demo-y {
	height: 600px;
}
.scrollTo-demo .demo-x {
	width: 660px;
	background-color: #252525;
}
.scrollTo-demo .demo-x p {
	float: left;
	width: 300px;
	margin-left: 30px;
	height: auto;
	padding: 5px 10px;
	background-color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.scrollTo-demo .demo-x hr + p {
	margin-left: 0;
}
.scrollTo-demo .demo-yx {
	background-color: #424242;
}
.scrollTo-demo .demo-yx p {
	width: 1000px;
}
.scrollTo {
	font-size: 12px;
}
.scrollTo + .scrollTo {
	margin-top: 20px;
}
.scrollTo ul li:first-child span {
	display: block;
	padding: 3px 15px;
}
#test-id {
	background-color: #eb3755;
	color: #fff;
}
.rtl-demo #content-1 {
	width: 500px;
}
.rtl-demo #content-1 p {
	width: 1000px;
}
.transitions #examples {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
}
.transitions .content {
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-out;
}
.differentiation-flex-col.index-differentiation-sec .leader-description h3 {
	font-size: 18px;
	line-height: 25px;
}
/*=============================================================
            migration plans page
===============================================================*/

@media (min-width: 1600px) {
	.migration-banner.banner-static,
	.software-develop-banner.banner-static.banner-section,
	.working-backwards-page .banner-section.banner-static,
	.new-blog-page .banner-section 
	{
		background-size: 70%;
	}
	.pillar-page .banner-section.banner-static, .customer-page .banner-section.banner-static {
		background-size: 63% !important;
	}
	.our-customer-main 
    {
        background: transparent !important;
    }
    .our-customer-main .page-center
    {
        background: #0a4675 !important;
    }
}
.migration-banner.banner-static {
	padding: 60px 0px 185px;
}
.migration-banner.banner-static h3 {
	font-size: 34px;
	font-weight: 300;
}
.migration-banner.banner-static h1 {
	font-size: 60px;
	line-height: 72px;
	max-width: 50%;
}
.migration-page .new-main-body {
	background: none;
}
.transforming-left ol {
	padding-left: 0px;
	counter-reset: list;
}
.transforming-left ol li {
	list-style: none;
	position: relative;
	padding-left: 25px;
	font-weight: 600;
}
.transforming-left ol li:before {
	counter-increment: list;
	content: counter(list, decimal)".";
	position: absolute;
	left: 0;
	color: #20e4a2;
}
.transforming-left.span6,
.transforming-right.span6 {
	/*    display: table-cell;
    vertical-align: top;
    float: none;*/
}
.transforming-left.span6 {
	padding-right: 80px;
	width: 53%;
}
.transforming-right.span6 {
	background: url("https://cdn2.hubspot.net/hubfs/533526/Migration/migration-form-bg.png");
	background-size: cover;
	background-position: right bottom;
	border-radius: 6px;
	text-align: center;
	padding: 40px 30px;
	width: 44%;
}
.transforming-right h2 {
	color: #fff;
	font-size: 26px;
	margin: 0px 0px 20px;
}
.transforming-right h3 {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 21.6px;
	max-width: 80%;
	margin: 0 auto 30px;
}
.transformation-form-main .hs-richtext {
	color: #fff;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
}
.transformation-form-main .hs-richtext:last-child {
	padding-bottom: 20px;
}
.transformation-form-main input,
.transformation-form-main select,
.transformation-form-main textarea {
	height: 48px;
	border-radius: 30px;
	border: 0px;
	box-shadow: none;
	padding-left: 30px;
	margin-bottom: 15px;
	font-size: 15px;
	color: #666;
	background-color: #fff;
	width: 100%;
}
.transformation-form-main textarea {
	resize: none;
	height: 100px;
	padding-top: 10px;
}
.transformation-form-main select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #d6d6d6 50%), linear-gradient(135deg, #d6d6d6 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
	background-image: -webkit-linear-gradient(45deg, transparent 50%, #d6d6d6 50%), linear-gradient(135deg, #d6d6d6 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
	background-image: -webkit-gradient(45deg, transparent 50%, #d6d6d6 50%), linear-gradient(135deg, #d6d6d6 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
	background-position: calc(100% - 22px) calc(1em + 6px), calc(100% - 15px) calc(1em + 6px), calc(100% - 2.5em) 0.5em;
	background-size: 8px 9px, 8px 9px, 1px 1.5em;
	background-repeat: no-repeat;
	padding-right: 40px;
}
.transformation-form-main select::-ms-expand {
	display: none;
}
.transformation-form-main .form-columns-2 .hs-form-field:nth-child(2) {
	padding: 0px 0px 0px 10px !important;
}
.transformation-form-main .hs-form-field {
	padding-right: 0px !important;
}
.transformation-form-main .hs-company,
.transformation-form-main .hs-firstname {
	padding-right: 10px;
}
.transformation-form-main input[type="submit"] {
	padding: 0;
	width: 235px;
	border: 0;
	color: #fff;
	background: #20e4a2;
	font-size: 20px;
	font-weight: 700;
	margin-top: 5px;
	transition: all 0.3s;
	width: 100%;
}
.transformation-form-main input:placeholder,
.transformation-form-main select:placeholder {
	color: #666;
}
.transformation-form-main .hs-form-field label {
	display: none;
	text-align: left;
}
.transformation-form-main .hs-fieldtype-radio.hs-form-field label {
	display: block;
}
.transformation-form-main .hs-form-field label span {
	color: #fff;
}
.transformation-form-main .hs-error-msgs.inputs-list li label {
	display: inline-block;
}
.transformation-form-main .hs-fieldtype-radio .inputs-list {
	width: 100%;
	display: inline-block;
	margin: 0px;
}
.transformation-form-main .hs-fieldtype-radio .inputs-list li span,
.transformation-form-main .hs-fieldtype-radio .inputs-list li input {
	display: inline-block;
	width: auto;
	height: auto;
}
.transformation-form-main .hs-fieldtype-radio .inputs-list li input {
	opacity: 0;
	width: auto !important;
}
.transformation-form-main .hs-fieldtype-radio .inputs-list li {
	float: left;
	margin-right: 20px;
	position: relative;
}
span.radio-mark {
	position: absolute;
	top: 7px;
	left: 0px;
	height: 15px !important;
	width: 15px !important;
	background-color: #eee;
	border-radius: 50%;
}
span.radio-mark:after {
	top: 5px;
	left: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #0a4675;
	content: "";
	position: absolute;
	display: none;
}
.transformation-form-main .hs-form-booleancheckbox label {
	display: table;
}
.transformation-form-main .hs-form-booleancheckbox input {
	display: table-cell;
	width: auto !important;
	height: auto;
	margin-bottom: 0px;
}
.transformation-form-main .hs-form-booleancheckbox span {
	font-size: 14px;
	line-height: 24px;
	display: table-cell;
	padding-left: 5px;
	vertical-align: top;
	padding-top: 2px;
}
.transformation-form-main input.error {
	margin-bottom: 0px;
}
.transformation-form-main input .hs-error-msgs {
	text-align: center;
}
.transformation-form-main input .hs-error-msgs li {
	margin-bottom: 10px;
	display: inline-block;
}
.hs-form-radio input:checked ~ .radio-mark:after {
	display: block;
}
:focus {
	outline: none !important;
}
.working-title-header,
.eligible-header,
.journey-content,
.services-header,
.customer-header-testimonial,
.software-capability-header,
.differentiation-header,
.business-help-header,
.hiring-content,
.discover-header-main,
.cloud-benefits-header,
.cloud-solution-header,
.vodeo-sec-header,
.working-rowthird-header,
.working-rowfour-header, 
.our-customer-sec, 
.differentate-header-content,
.blog-main-list .first-header,
.testimonial-header
{
	text-align: center;
}
.working-title-header h1,
.eligible-header h2,
.journey-content h2,
.services-header h2,
.customer-header-testimonial h1,
.software-capability-header h2,
.differentiation-header h2,
.business-help-header h2,
.hiring-content h2,
.discover-header-main h2,
.cloud-benefits-header h2,
.cloud-solution-header h2,
.vodeo-sec-header h2,
.working-rowthird-header h2,
.working-rowfour-header h2,
.our-customer-sec h2,
.differentate-header-content h2,
.blog-main-list .first-header h2,
.testimonial-header h2
{
	margin: 0;
	position: relative;
	padding-top: 30px;
	font-size: 36px;
}
.working-title-header h1:before,
.eligible-header h2:before,
.journey-content h2:before,
.services-header h2:before,
.customer-header-testimonial h1:before,
.software-capability-header h2:before,
.differentiation-header h2:before,
.business-help-header h2:before,
.hiring-content h2:before,
.discover-header-main h2:before,
.cloud-benefits-header h2:before,
.cloud-solution-header h2:before,
.vodeo-sec-header h2:before,
.working-rowthird-header h2:before,
.working-rowfour-header h2:before,
.our-customer-sec h2:before, 
.differentate-header-content h2:before,
.blog-main-list .first-header h2:before, 
.testimonial-header h2:before
{
	content: "";
	width: 115px;
	background: #20e4a2;
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	border-radius: 2px;
}
.working-title-header .secondary-header {
	max-width: 65%;
	margin: 1em auto;
    display: inline-block;
    position: relative;
    padding-right: 10px;
    margin-bottom: 50px;
}
.working-title-header p.secondary-header:after {
    content: "";
    position: absolute;
    background: url(https://cdn2.hubspot.net/hubfs/533526/partnering%20page%20imgs/subheading-right-arrow.png?t=1530233205470);
    left: 100%;
    width: 50px;
    height: 51px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 10px;
}
.expertise-sec-main {
	padding-top: 120px;
}
.expertise-sec-main {
	/*    background: url(https://cdn2.hubspot.net/hubfs/533526/partnering%20page%20imgs/partner-video-bg.png?t=1527576350253);*?
    background-repeat: no-repeat;
    background-position: center 270px;
     /*background-position: center 180px;*/
	background-size: contain;
	padding-bottom: 120px;
}
.single-column-module {
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 0px 45px;
}
.single-column-module h2 {
	font-size: 22px;
}
.eligible-flex-col {
	padding: 90px 0px 100px;
}
.single-column-module .top-image {
	margin-bottom: 40px;
	transition: all 0.3s;
}
.single-column-module .top-image img {
	transform: scale(1);
	transition: all .6s ease;
}
.single-column-module:hover .top-image img {
	transform: scale(1.2);
	transition: all .6s ease;
}
.transforming-business-main {
	padding-top: 20px;
}
.business-outer {
	background: #f5f8fb;
	padding: 70px 0px;
}
.business-flex-col {
	padding-top: 60px;
}
@media (min-width: 768px) {
	.single-column-module .top-image img {
		max-height: 87px;
		height: 100% !important;
		width: auto;
	}
}
/*=============================================================
           software developement new page
===============================================================*/

.software-develop-banner.banner-section {
	background-size: contain;
	height: 755px;
	background-position: bottom;
	padding: 0px;
	text-align: center;
}
.banner-section.software-develop-banner .banner-content,
.software-develop-banner.banner-static p {
	max-width: 100%;
	width: 100%;
}
.banner-section.software-develop-banner .banner-content {
	padding-top: 35px;
}
.banner-static.software-develop-banner h1 {
	font-size: 70px;
	display: inline-block;
	line-height: 80.5px;
	position: relative;
}
.banner-static.software-develop-banner h1 span {
	height: 6px;
	width: 6px;
	background: #0a4675;
	margin: 25px;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
}
.banner-static.software-develop-banner h1:before {
	/*content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #0a4675;
    right: 23px;
    top: 55%;*/
}
.banner-header h1:last-child {
	padding-right: 0px;
}
.banner-header h1:last-child:before {
	display: none;
}
.software-develop-banner.banner-static p {
	font-size: 26px;
	line-height: 46.8px;
}
.our-journey-main {
	padding-top: 80px;
}
.journey-content h2 {
	margin-bottom: 28px;
}
.journey-choice-sec {
	padding: 70px 0px 85px;
}
.journey-choice-sec .left-sec,
.journey-choice-sec .right-sec {
	width: 50%;
	float: left;
}
.journey-choice-sec .right-sec {
	text-align: right;
}
.journey-choice-sec h2 {
	font-size: 36px;
	line-height: 43.2px;
}
.journey-choice-sec p,
.journey-content p {
	line-height: 32.4px;
}
.journey-content p {
	max-width: 74%;
	margin: 1em auto;
}
.journey-choice-sec a.cta_button {
	color: #fff;
	background: #20e4a2;
	height: 56px;
	display: inline-block;
	width: 269px;
	text-align: center;
	font-size: 20px;
	border-radius: 30px;
	line-height: 56px;
	transition: all 0.3s;
	margin-top: 15px;
}
.journey-choice-sec a.cta_button:hover,
.transformation-form-main input[type="submit"]:hover,
.capability-cta a.cta_button:hover,
.business-flex-col .case-btn a:hover {
	background: #23fab2;
}
.software-services-main {
	background: #f5f8fb;
	padding: 80px 0px 25px;
}
.services-flex-col {
	padding-top: 60px;
}
.services-flex-col .hs_cos_wrapper_widget {
	width: 30%;
	float: left;
	text-align: center;
	background: #fff;
	box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1);
	margin-right: 5%;
	margin-bottom: 5%;
	padding: 50px 35px 70px;
	transition: all 0.3s;
	position: relative;
}
.services-flex-col > span {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.services-flex-col .hs_cos_wrapper_widget:hover,
.services-flex-col .hs_cos_wrapper_widget:active,
.services-flex-col .hs_cos_wrapper_widget:focus {
	transform: scale(1.03);
	background: rgba(255, 255, 255, 0.5);
}
.services-flex-col .hs_cos_wrapper_widget:nth-child(3n)
/*.e-book-outer-div*/

{
	margin-right: 0px;
}
.services-flex-col .e-book-outer-div h4 {
	font-size: 20px;
	line-height: 24px;
	margin-top: 35px;
	margin-bottom: 25px;
}
.services-flex-col .e-book-outer-div p {
	font-size: 16px;
	line-height: 28.8px;
}
.services-flex-col .e-book-outer-div a {
	color: #20e4a2;
	font-size: 18px;
	font-weight: 700;
	transition: all 0.3s;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
}
.services-flex-col .e-book-outer-div a:hover {
	color: #0a4675;
	transform: translateX(5px);
}
.services-flex-col .e-book-outer-div a i {
	padding-left: 10px;
}
.customer-testimonials-sec {
	padding: 93px 0px 68px;
	text-align: center;
	background: url(https://cdn2.hubspot.net/hubfs/533526/Software%20development/testimonial-bg.png);
	background-position: center;
	background-size: 75%;
	background-repeat: no-repeat;
}
.customer-testimonial-mdule .customer-img {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	margin: 35px auto 0px;
	display: inline-block;
}
.customer-testimonial-mdule p {
	line-height: 32.6px;
}
.customer-profile {
	margin: 28px 0px 15px;
}
.customer-testimonial-mdule .customer-content i {
	display: none;
}
.customer-testimonial-mdule .icon-image img {
	margin: auto;
	max-width: 106px;
}
.customer-content {
	position: relative;
	max-width: 70%;
	margin: auto;
	display: inline-block;
}
.right-sec {
	display: inline-block;
}
.customer-content:before {
	content: "";
	position: absolute;
	left: -75px;
	top: 0px;
	background: url("https://cdn2.hubspot.net/hubfs/533526/Software%20development/quote-left.png");
	width: 45px;
	height: 37px;
	background-size: 100%;
	display: block !important;
}
.testimonial-flex-col .slick-prev:before,
.testimonial-flex-col .slick-next:before {
	display: none;
}
.testimonial-flex-col .slick-prev,
.testimonial-flex-col .slick-prev:hover {
	background: url("https://cdn2.hubspot.net/hubfs/533526/Software%20development/testi-left-arrow.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 30px;
	transition: all 0.3s;
}
.testimonial-flex-col .slick-prev:hover {
	transform: translateX(-5px);
}
.testimonial-flex-col .slick-next,
.testimonial-flex-col .slick-next:hover {
	background: url("https://cdn2.hubspot.net/hubfs/533526/Software%20development/testi-right-arrow.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 30px;
	transition: all 0.3s;
	z-index: 9;
}
.testimonial-flex-col .slick-next:hover {
	transform: translateX(5px);
}
.software-capability-outer {
	background: #f5f8fb;
	padding: 60px 0px 78px;
}
.software-capability-flex > span {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.software-capability-flex .hs_cos_wrapper_widget
/*.image-left-right-module*/

{
	width: 50%;
	float: left;
	margin-bottom: 25px;
}
.software-capability-flex {
	padding-top: 70px;
}
.software-capability-flex .left-sec,
.software-capability-flex .right-sec {
	vertical-align: top;
	display: table-cell;
}
.software-capability-flex .right-sec h2 {
	font-size: 24px;
}
.software-capability-flex .left-sec {
	width: 40%;
	text-align: center;
}
.software-capability-flex .left-sec img {
	transform: scale(1);
	transition: all .6s ease;
}
.software-capability-flex .image-left-right-module:hover .desk-image.left-sec img {
	transform: scale(1.2);
	transition: all .6s ease;
}
.capability-cta {
	text-align: center;
}
.capability-cta a.cta_button,
.business-flex-col .case-btn a {
	background: #20e4a2;
	font-size: 20px;
	color: #fff;
	width: 339px;
	height: 56px;
	border-radius: 30px;
	line-height: 56px;
	display: inline-block;
	font-weight: 600;
}
.business-flex-col .case-btn a strong {
	font-weight: 600 !important;
}
a {
	transition: all 0.3s;
}
.differential-sec {
	padding: 78px 0px;
}
.differentiation-flex-col {
	padding-top: 60px;
}
.differentiation-flex-col .single-col-module {
	width: 19.2%;
	float: left;
	text-align: center;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	margin-right: 1%;
	border-radius: 4px;
	padding: 50px 10px 16px;
}
.differentiation-flex-col .hs_cos_wrapper_widget:nth-child(5n) .single-col-module {
	margin-right: 0px;
}
.differentiation-flex-col .hs_cos_wrapper_widget:hover .single-col-module h2 {
	color: #fff;
}
.differentiation-flex-col .single-col-module h2 {
	font-size: 18px;
	line-height: 21.6px;
	margin-top: 25px;
	min-height: 63px;
}
.differentiation-flex-col .hs_cos_wrapper_widget:hover .single-col-module {
	background: #0a4675;
}
.differentiation-flex-col .hs_cos_wrapper_widget:hover .single-col-module .simple-image {
	display: none;
}
.differentiation-flex-col .hs_cos_wrapper_widget:hover .single-col-module .hover-image {
	display: block !important;
}
.business-flex-col .slick-slide {
	padding: 5px;
}
.business-flex-col .slick-slide .slick-slide-inner-wrapper {
	box-shadow: 0 0 15px -6px rgba(0, 0, 0, 0.18);
	background-color: #fff;
}
.business-flex-col .slick-slide-inner-wrapper .main-image,
.business-flex-col .slick-slide-inner-wrapper .caption,
.content-top-sec .t-img,
.content-top-sec .case-header {
	display: table-cell;
	vertical-align: middle;
}
.content-top-sec .t-img {
	width: 30%;
}
.business-flex-col .slick-slide-inner-wrapper .caption {
	padding: 60px 70px;
}
.business-flex-col .slick-slide-inner-wrapper .main-image {
	width: 57%;
	position: relative;
	background-position: center !important;
	background-size: cover !important;
}
.video-icon-wrap-new {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 0;
	height: 67px;
	margin: auto;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.video-icon-wrap-new {
		top: 175px;
		bottom: auto;
	}
}
.video-icon-wrap-new img {
	margin: 0 auto;
	max-width: 66px;
	cursor: pointer;
}
.video-icon-wrap-new a.video-icon {
	display: inline-block;
}
.video-icon-wrap-new a.video-icon:hover .simple-img {
	display: none;
}
.video-icon-wrap-new a.video-icon:hover .hover-img {
	display: block !important;
}
.case-header h2 {
	line-height: 36px;
}
.case-content p {
	font-size: 20px;
	line-height: 32px;
}
.business-flex-col .case-btn a {
	width: 300px;
	text-align: center;
	margin-top: 12px;
}
.business-flex-col .slick-dots li,
.testimonial-flex-column .slick-dots li {
	height: auto;
	width: auto;
	margin: 0 8px;
}
.business-flex-col .slick-dots li button,
.testimonial-flex-column .slick-dots li button {
	background: rgba(0, 94, 173, 0.15);
	height: 15px;
	width: 15px;
	padding: 5px;
	border-radius: 50%;
}
.business-flex-col .slick-dots li.slick-active button,
.testimonial-flex-column .slick-dots li.slick-active button {
	background: rgba(0, 94, 173, 1);
}
.business-flex-col .slick-dots li button:before,
.business-flex-col .slick-prev:before,
.business-flex-col .slick-next:before,
.testimonial-flex-column .slick-dots li button:before,
.testimonial-flex-column .slick-prev:before,
.testimonial-flex-column .slick-next:before {
	display: none;
}
.business-flex-col .slick-prev,
.business-flex-col .slick-next,
.testimonial-flex-column .slick-prev,
.testimonial-flex-column .slick-next {
	top: inherit;
	bottom: -26px;
	z-index: 9;
}
.business-flex-col .slick-prev {
	left: 42%;
}
.business-flex-col .slick-next {
	right: 42%;
}
.business-flex-col .slick-prev,
.business-flex-col .slick-prev:hover,
.testimonial-flex-column .slick-prev,
.testimonial-flex-column .slick-prev:hover {
	background: url("https://cdn2.hubspot.net/hubfs/533526/video-slider-left-arrow.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 19px;
}
.business-flex-col .slick-next,
.business-flex-col .slick-next:hover,
.testimonial-flex-column .slick-next,
.testimonial-flex-column .slick-next:hover {
	background: url("https://cdn2.hubspot.net/hubfs/533526/video-slider-right-arrow.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 19px;
}
.expertise-content.partner-video {
	max-width: 800px;
	margin: 0 auto !important;
	float: none !important;
}
.expertise-content.partner-video iframe {
	width: 100% !important;
	margin: 0 auto !important;
}
/*=============================================================
           career page
===============================================================*/

.banner-with-video-sec {
	position: relative;
	min-height: 560px;
	background-size: cover !important;
	max-width: 1170px;
	margin: auto;
}
.banner-with-video-sec:before {
	/*    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #0000004d;*/
}
/*.banner-with-video-sec .page-center*/

.banner-with-video-sec .main-banner-content {
	position: absolute;
	top: 32%;
	left: 0;
	right: 0;
	text-align: center;
}
.banner-with-video-sec .banner-content p {
	font-size: 40px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	position: relative;
	padding: 40px 0 0;
}
.banner-with-video-sec .banner-content h1 {
	margin: auto;
	font-weight: 700;
	color: #fff;
	font-size: 70px;
	margin-top: 24px;
}
.banner-with-video-sec .banner-content p::before {
	content: "";
	background: #20e4a2;
	position: absolute;
	left: 0;
	right: 0;
	height: 4px;
	width: 120px;
	margin: auto;
	border-radius: 20px;
	top: 0;
}
.banner-with-video-sec .play-btn {
	position: static;
	margin: 10px 0px 0px 0px;
}
.banner-with-video-sec .play-btn {
	cursor: pointer;
}
.banner-with-video-sec .play-btn a:hover img {
	display: none;
}
.banner-with-video-sec .play-btn a:hover img.hover-img {
	display: inline-block !important;
}
.career-banner .banner-with-video .play-btn {
	margin-top: 15px;
}
.career-banner .banner-with-video {
	/*height: 628px;*/
}
.our-values-main {
	padding: 77px 0px;
}
.our-values-main .make-us-content p {
	max-width: 65%;
	margin: 1em auto;
}
.our-values-main .make-us-content h2 {
	margin-bottom: 0px;
}
.hiring-process-main {
	padding: 150px 0px;
}
.hiring-content p {
	max-width: 70%;
	margin: 1em auto;
}
.hiring-content h2 {
	margin-bottom: 33px;
}
.career-hiring-module .main-image-sec img {
	max-width: 145px;
}
.hiring-process-module {
	height: 700px;
	display: table;
	width: 100%;
	position: relative;
	max-width: 70%;
	margin: 80px auto 0px;
}
.hiring-step-one.hiring-sec-main {
	left: 6%;
	top: 30px;
}
.hiring-step-one.hiring-sec-main .hiring-content-main {
	position: absolute;
	left: 16px;
	top: 16px;
	background: #0a4675;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	color: #fff;
	line-height: 80px;
	text-align: center;
}
.hiring-sec-main .hiring-content-main {
	transition: all 1s;
}
.hiring-sec-main:hover .hiring-content-main {
	transform: rotate(360deg);
}
.hiring-step-two.hiring-sec-main {
	left: 38%;
}
.hiring-step-two.hiring-sec-main .hiring-content-main {
	background: #7faed6;
	position: absolute;
	left: 16px;
	top: 16px;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	color: #fff;
	line-height: 75px;
	text-align: center;
}
.hiring-step-three.hiring-sec-main {
	right: 20px;
	top: 60px;
}
.hiring-step-three.hiring-sec-main .hiring-content-main {
	background: #20e4a2;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	color: #fff;
	line-height: 75px;
	text-align: center;
}
.hiring-step-four.hiring-sec-main {
	top: 50%;
	right: -40px;
}
.hiring-step-four.hiring-sec-main .hiring-content-main {
	background: #106dba;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	color: #fff;
	line-height: 70px;
	text-align: center;
}
.hiring-step-five.hiring-sec-main {
	bottom: -15px;
	right: 170px;
}
.hiring-step-five.hiring-sec-main .hiring-content-main {
	background: #01dcb6;
	position: absolute;
	right: 16px;
	bottom: 16px;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	color: #fff;
	line-height: 70px;
	text-align: center;
}
.hiring-step-six.hiring-sec-main {
	bottom: 5%;
	left: 24.5%;
}
.hiring-step-six.hiring-sec-main .hiring-content-main {
	background: #4081c9;
	position: absolute;
	right: 16px;
	bottom: 16px;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	color: #fff;
	line-height: 65px;
	text-align: center;
}
.hiring-step-seven.hiring-sec-main {
	top: 35%;
	left: 2%;
}
.hiring-step-seven.hiring-sec-main .hiring-content-main {
	background: #3ac9a2;
	position: absolute;
	left: 16px;
	bottom: 16px;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	color: #fff;
	line-height: 80px;
	text-align: center;
}
.hiring-sec-main {
	cursor: pointer;
}
.hiring-hover {
	position: absolute;
	width: 230px;
	z-index: 9;
	background: #ebfdf7;
	box-shadow: 0px 5px 20px #0003;
	-webkit-box-shadow: 0px 15px 20px #0003;
	-moz-box-shadow: 0px 15px 20px #0003;
	border-radius: 4px;
	padding: 13px 13px;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	transition: all 0.7s;
}
.hiring-step-one.hiring-sec-main .hiring-hover {
	left: -20px;
	top: -70px;
}
.hiring-step-two.hiring-sec-main .hiring-hover {
	left: -20px;
	top: -25px;
}
.hiring-step-three.hiring-sec-main .hiring-hover {
	right: -20px;
	top: -25px;
}
.hiring-step-four.hiring-sec-main .hiring-hover {
	right: -20px;
	top: -23px;
}
.hiring-step-five.hiring-sec-main .hiring-hover {
	right: -20px;
	top: 87px;
}
.hiring-step-six.hiring-sec-main .hiring-hover {
	left: -20px;
	top: 87px;
}
.hiring-step-seven.hiring-sec-main .hiring-hover {
	left: -20px;
	top: 52px;
}
.hiring-hover:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -9px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #ebfdf7;
	width: 20px;
	margin: auto;
	right: 0;
}
.hiring-sec-main:hover .hiring-hover {
	visibility: visible;
	opacity: 1;
}
.hiring-hover p {
	margin: 0px;
	line-height: 24px;
}
.hiring-without-hover {
	position: relative;
	display: inline-block;
}
.hiring-title h4 {
	color: #fff;
	font-size: 16px;
	margin-top: 15px;
	padding: 0px 30px;
	line-height: 19px;
	font-weight: 600;
}
.hiring-process-module .main-image-sec {
	display: table-cell;
	vertical-align: middle;
}
.hiring-sec-main,
.hiring-content-main {
	position: absolute;
}
.make-us-section.our-values-main .page-center {
	max-width: 1200px !important;
}
.our-values-main .customer-testimonial-mdule {
	text-align: left;
	box-shadow: 0 0 40px -6px rgba(0, 0, 0, 0.18);
	padding: 70px 60px 130px 130px;
	margin: 10px 10px 10px 130px;
	width: 85%;
	position: relative;
	height: 375px;
}
.our-values-main .customer-img.left-sec {
	position: absolute;
	left: -110px;
	top: 50px;
	overflow: inherit;
	width: 200px;
}
.our-values-main .customer-testimonial-mdule p,
.our-values-main .customer-testimonial-mdule {
	font-size: 22px;
	color: #000 !important;
	line-height: 39.6px;
}
.our-values-main .customer-testimonial-mdule .customer-content {
	max-width: 100%;
	display: block;
}
.our-values-main .customer-testimonial-mdule .customer-content img {
	max-width: 28px;
}
.our-values-main .customer-testimonial-mdule .customer-content p,
.our-values-main .customer-testimonial-mdule .customer-content img {
	display: inline;
}
.our-values-main .customer-testimonial-mdule .customer-content img:first-child {
	margin-right: 5px;
	margin-bottom: 15px;
}
.our-values-main .customer-testimonial-mdule .customer-content img:last-child {
	margin-left: 5px;
}
.our-values-main .customer-img.left-sec img {
	width: 100%;
}
.testimonial-main-outer {
	padding-bottom: 85px;
}
.testimonial-main-outer .page-center {
	max-width: 1200px !important;
}
.testimonial-flex-column .slick-dots li button {
	height: 10px;
	width: 10px;
}
.testimonial-flex-column .slick-dots li {
	margin: 0px 5px;
}
.testimonial-flex-column .customer-content:before {
	display: none !important;
}
.testimonial-flex-column .customer-profile {
	margin: 18px 0px 0px;
	display: inline-block;
}
.testimonial-flex-column .slick-dots {
	bottom: 50px;
	margin: 0;
	padding-left: 120px;
}
.testimonial-flex-column .slick-prev,
.testimonial-flex-column .slick-next {
	bottom: 50px;
}
.testimonial-flex-column .slick-next {
	right: 38%;
}
.testimonial-flex-column .slick-prev {
	left: 48.5%;
}
.discover-main-sec {
	background: #f5f8fb;
	padding: 80px 0px;
}
.discover-header-main h2 {
	max-width: 70%;
	line-height: 43.2px;
	margin: 0 auto 23px;
}
.discover-module {
	width: 100%;
	float: none;
	background: #fff;
	text-align: left;
	box-shadow: 0 0 40px -6px rgba(0, 0, 0, 0.05);
	padding: 45px 45px 35px 45px;
	transition: all 0.3s;
}
.discover-flex-col span > div {
	width: 47%;
	margin-right: 5%;
	margin-bottom: 3%;
	display: inline-block;
	vertical-align: top;
}
.discover-flex-col span > div:nth-child(2n) {
	margin-right: 0;
}
.discover-module:hover {
	background: #0a4675;
}
.discover-module:hover h2,
.discover-module:hover p,
.discover-module:hover h4 {
	color: #fff;
}
.discover-module .header-main-sec h2 {
	font-size: 24px;
	margin: 0px;
	line-height: 28.8px;
}
.left-header,
.right-header {
	display: table-cell;
	vertical-align: top;
}
.left-header {
	width: 87%;
}
.right-header {
	padding-top: 5px;
}
.right-header p {
	font-size: 14px;
	color: #20e4a2;
	font-weight: 600;
	margin: 0;
}
.discover-module:hover .right-header p {
	color: #20e4a2;
}
.apply-sec a.apply-cta {
	font-size: 16px;
	font-weight: 700;
	color: #20e4a2;
}
.apply-sec {
	margin-top: 40px;
}
.apply-sec a.apply-cta i {
	padding-right: 10px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.discover-module .header-main-sec .left-header p {
	font-size: 16px;
	margin-top: 10px;
}
.discover-flex-col .hs_cos_wrapper_widget:nth-child(2n) .discover-module {
	margin-right: 0px;
}
.discover-flex-col {
	padding-top: 25px;
}
.discover-flex-col .header-main-sec {
	border-bottom: 1px solid #d2eaff;
	padding-bottom: 5px;
}
.discover-flex-col .location-heading h4,
.discover-flex-col .field-heading h4 {
	font-size: 16px;
	margin-bottom: 0px;
}
.discover-flex-col .location-heading p,
.discover-flex-col .field-heading p {
	margin-top: 0px;
	font-size: 16px;
}
.discover-flex-col .middle-sec {
	padding-top: 20px;
}
.discover-flex-col .middle-sec p {
	font-size: 16px;
}
.about-sec p {
	line-height: 25.6px;
}
.flex-col-main .single-column-module {
	width: 100%;
	padding: 0px;
	position: relative;
}
.flex-col-main .single-column-module h2 {
	font-size: 18px;
}
.what-make-flex.flex-col-main span>div {
	vertical-align: top;
}
.flex-col-main .single-column-module .content-sec {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	bottom: 100%;
	padding: 13px;
	font-size: 16px;
	line-height: 24px;
	background: #ebfdf7;
	box-shadow: 0px 5px 20px #0003;
	-webkit-box-shadow: 0px 15px 20px #0003;
	-moz-box-shadow: 0px 15px 20px #0003;
}
.flex-col-main .single-column-module .content-sec p {
	margin: 0px;
}
.flex-col-main .single-column-module:hover .content-sec {
	opacity: 1;
	visibility: visible;
}
.flex-col-main .single-column-module .content-sec:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -9px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #ebfdf7;
	width: 20px;
	margin: auto;
	right: 0;
}
@media (min-width: 992px) {
	.case-study--slick.case-study--slick-new ul.slick-dots {
		right: -65px;
	}
}
/*===============================================
                    Pillar Page
=================================================*/

.pillar-page.home-lay .banner-section.banner-static,
.working-backwards-page.home-lay .banner-section.banner-static {
	/*    padding: 95px 0 205px;*/
	padding: 150px 0px;
	background-position: bottom !important;
}
@media (min-width: 1200px) {
	.pillar-page.home-lay .banner-section.banner-static {
		background-size: 88%;
	}
}
.pillar-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
	padding: 0px 30px;
}
.pillar-page .banner-section.banner-static p,
.working-backwards-page .banner-section.banner-static p {
	font-size: 34px;
	line-height: 40.8px;
	font-weight: 300;
	margin-top: 0px;
	margin-bottom: 5px;
}
.pillar-page .banner-section.banner-static h1,
.working-backwards-page .banner-section.banner-static h1 {
	font-size: 56px;
	margin: 0;
	line-height: 72px;
	font-weight: 700;
}
.pillar-page .banner-section.banner-static h1:last-child {
	margin-bottom: 0px;
}
.banner-color-sec {
	background: #f5f8fb;
	border-bottom: 1px solid #dfe9f2;
	float: left;
	width: 100%;
}
.tabin-sec .resp-tabs-list {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left
}
.cloud-banner-sec {
	background: #f5f8fb;
	padding: 100px 30px;
}
.cloud-benefits-flex-col {
	text-align: center;
	padding-top: 55px;
}
.cloud-benefits-flex-col > span.hs_cos_wrapper_widget_container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.cloud-benefits-flex-col .hs_cos_wrapper_widget {
	width: 33.33%;
	float: left;
	padding: 0px 15px;
	margin-bottom: 35px;
}
.pillar-outer-body .content-wrapper {
	padding-top: 0px;
}
/*.banner-color-sec .page-center, .banner-tabin-bottom .page-center, */

.tabin-sec .page-center,
.cloud-benefits-main .page-center {
	padding: 0px !important;
}
.tabin-sec .resp-tabs-list li {
	width: 25%;
	text-align: center;
	border-right: 1px solid #dfe9f2;
	transition: all 0.3s;
	float: left;
	list-style: none;
}
.tabin-sec .resp-tabs-list li a {
	width: 100%;
	display: inline-block;
	padding: 17px 10px 13px;
}
.tabin-sec .resp-tabs-list li:last-child {
	border-right: 0px;
}
.tabin-sec .resp-tabs-list li.resp-tab-active,
.tabin-sec .resp-tabs-list li a:hover,
.tabin-sec .resp-tabs-list li.selected-menu a {
	background: #0a4673;
	border: 0px;
	color: #fff;
	/*    padding: 17px 15px 13px !important;*/
}
.tabin-sec .resp-tabs-list li .tab-title {
	font-size: 18px;
	font-weight: 600;
}
.tabin-sec .resp-tab-content {
	border: 0px;
	float: left;
	width: 100%;
	padding: 100px 0px;
}
.tabin-sec .tab-content {
	padding: 100px 30px;
}
.span6.tab-left-image,
.span6.tab-right-text {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.tab-right-text {
	padding-left: 40px;
}
.tab-right-text h2 {
	font-size: 36px;
	margin-bottom: 22px;
}
.tab-right-text p,
.cloud-solution-header p,
.pillar-module-main .content p,
.pillar-module-main .content,
.pillar-page .working-title-header p,
.working-backwards-page .banner-section.banner-static h1 + span,
.cloud-solution-right p,
.working-rowfour-header p,
.working-fourth-right p {
	line-height: 32.4px;
}
.pillar-module-main .content {
	height: auto;
}
.tab-right-text a.cta_button,
.cloud-solution-sec .learn-more-cta a {
	background: #20e4a2;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	border-radius: 30px;
	display: inline-block;
	padding: 12px 64px;
	margin-top: 20px;
}
.tab-right-text a.cta_button:hover,
.cloud-solution-sec .learn-more-cta a:hover {
	background: rgba(32, 228, 162, 0.7);
}
.tab-right-text a.cta_button span {
	font-size: 20px !important;
	font-weight: 700;
}
.cloud-solution-sec .learn-more-cta {
	text-align: center;
}
.cloud-solution-sec .learn-more-cta a {
	max-width: 625px;
	text-align: center;
	border-radius: 50px;
	padding: 12px 30px;
	box-sizing: border-box !important;
	margin-top: 0px;
}
.cloud-solution-sec {
	padding: 70px 0px 0px;
}
.cloud-solution-header {
	padding-top: 75px;
}
.cloud-solution-content {
	padding-top: 25px;
}
.cloud-solution-content .single-column-module {
	width: 100%;
	text-align: left;
	padding: 0px;
}
.cloud-solution-content .single-column-module img {
	max-height: inherit;
	height: auto !important;
	width: inherit;
}
.span6.cloud-solution-left,
.span6.cloud-solution-right {
	display: table-cell;
	float: none;
	vertical-align: middle;
}
.cloud-solution-left {
	padding-right: 60px;
}
.cloud-solution-right {
	background: #ebfdf7;
	padding: 0px 23px;
	text-align: center;
}
.cloud-solution-right h2 {
	font-size: 24px;
	line-height: 33.6px;
	margin-bottom: 50px;
	margin-top: -10px;
}
.pillar-module-main h2 {
	font-size: 22px;
	margin-bottom: 5px;
}
.pillar-module-main .icon-image {
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	height: 160px;
	width: 160px;
	line-height: 120px;
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}
.pillar-module-main .icon-image:before {
	position: absolute;
	content: "";
	width: 180px;
	height: 180px;
	left: -10px;
	top: -10px;
	border: 2px dashed #cce4f1;
	border-radius: 50%;
	transition: all 2.5s;
}
.pillar-module-main:hover .icon-image:before {
	transform: rotate(90deg);
}
.cloud-solution-left .single-column-module h2 {
	font-size: 18px;
	font-weight: 600;
	margin: 0px;
	line-height: 25.2px;
}
.cloud-solution-left .content-sec p {
	font-size: 16px;
	line-height: 28.8px;
	margin-top: 10px;
}
.pillar-page .video-content {
	text-align: center;
	margin-top: 50px;
}
.pillar-page .video-content iframe {
	/*    max-width: 800px;
    max-height: 450px;
    margin: 0 auto;*/
}
.vodeo-sec-header h2 {
	margin-bottom: 45px;
}
.pillar-page .working-title-header p {
	margin: 10px;
}
.pillar-page .main-div-sec {
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 60px;
}
.main-sec-image {
	display: table;
	width: 100%;
}
.main-sec-image .top-image,
.main-sec-image .title-sec {
	display: table-cell;
	vertical-align: middle;
}
.main-sec-image .top-image {
	width: 40px;
}
.main-sec-image .title-sec {
	padding-left: 20px;
}
/*===============================================
                Working Backwards Page
=================================================*/

.working-backwards-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
	padding: 0px;
}
.working-backwards-page .banner-section.banner-static h1 {
	max-width: 50%;
}
.working-backwards-page .banner-section.banner-static p {
	font-size: 40px;
}
.working-backwards-page .banner-section.banner-static h1 + span {
	max-width: 48%;
	display: inline-block;
}
.working-backwards-page .cloud-solution-header {
	padding-top: 25px;
}
.working-backwards-page .cloud-solution-right h2 {
	font-size: 36px;
	line-height: 43.2px;
	margin-bottom: 20px;
}
.working-backwards-page .cloud-solution-right p {
	margin-bottom: 45px;
}
.working-row-third-main {
	padding: 115px 0px 100px;
}
.working-rowthird-flex-col {
	padding: 80px 140px 80px;
	background: url("https://cdn2.hubspot.net/hubfs/533526/Lancom-may-2018/working/backward-process-curve.png");
	background-position: center 32px;
	background-repeat: no-repeat;
}
.working-rowthird-flex-col .main-sec-image {
	display: inline-block;
	background: #f5f8fb;
	height: 209px;
	width: 209px;
	border-radius: 50%;
	line-height: 140px;
	position: relative;
	text-align: center;
}
.working-rowthird-flex-col .main-sec-image:before {
	position: absolute;
	content: "";
	height: 235px;
	width: 235px;
	border-radius: 50%;
	border: 2px solid #0a4675;
	left: -13px;
	top: -13px;
	z-index: -1;
}
.working-rowthird-flex-col .main-sec-image .top-image {
	width: auto;
	display: inherit;
	margin: 0;
}
.working-rowthird-flex-col .main-sec-image .top-image img {
	height: auto !important;
	max-height: inherit;
	width: 97px;
}
.working-rowthird-flex-col .main-sec-image .title-sec {
	padding-left: 0px;
	display: block;
}
.working-rowthird-flex-col .content-sec {
	position: absolute;
	width: 100%;
	z-index: 9;
	background: #ebfdf7;
	box-shadow: 0px 5px 20px #0003;
	-webkit-box-shadow: 0px 15px 20px #0003;
	-moz-box-shadow: 0px 15px 20px #0003;
	border-radius: 4px;
	padding: 20px;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	transition: all 0.7s;
	bottom: 95%;
	left: 0;
}
.working-rowthird-flex-col .content-sec p {
	line-height: 25.2px;
	margin: 0;
}
.working-rowthird-flex-col .content-sec:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -9px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #ebfdf7;
	width: 20px;
	margin: auto;
	right: 0;
}
.working-rowthird-flex-col .hs_cos_wrapper_widget {
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 0px;
}
.working-rowthird-flex-col .single-column-module {
	width: 100%;
	padding: 0px;
	position: relative;
}
.working-rowthird-flex-col .single-column-module:hover .content-sec {
	opacity: 1;
	visibility: visible;
}
.Working-four-inner-second {
	padding: 80px 0px;
}
.span6.working-fourth-left,
.span6.working-fourth-right {
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.working-fourth-left {
	text-align: center;
}
.working-rowfour-header p {
	max-width: 85%;
	margin: 20px auto 0px;
}
.working-fourth-right h2 {
	font-size: 36px;
	margin-bottom: 30px;
}

.mobile-cloud-header
{
    display: none !important;
}
.working-row-four-main form#msform, .working-row-four-main form 
{
    width: 100%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    border-radius: 2px;
    text-align: left;
    min-height: 550px;
    max-width: 82%;
    margin: 50px auto;
}
.working-row-four-main form#msform
{
    padding: 0px;
}
 .working-row-four-main form 
 {
     padding: 60px 50px 40px;
 }
.working-row-four-main form#msform textarea, .working-row-four-main form#msform input, .working-row-four-main form textarea, .working-row-four-main form input
{
    border: 1px solid #0071bc;
    border-radius: 2px;
    resize: none;
    font-size: 16px;
    max-width: 100%;
    font-family: 'Raleway', sans-serif;
    width: 100%;
}
.working-row-four-main form textarea, .working-row-four-main form input
{
    height: 51px;
}
.working-row-four-main form textarea
{
    padding: 15px 0px 15px 15px;
}
.working-row-four-main form#msform textarea
{
    height: 175px;
}
.working-row-four-main form#msform textarea.invalid, .working-row-four-main form#msform input.invalid
{
    background: #fff;
}
.working-row-four-main .fs-title
{
    font-size: 22px;
    text-transform: inherit;
    color: #0a4672;
    margin-bottom: 10px;
    font-weight: 400;
    margin-bottom: 35px;
    line-height: 30px;
    margin-top: 35px;
}
.working-row-four-main form#msform .action-button, .working-row-four-main form .action-button, .working-row-four-main form input[type="submit"]
{
    font-size: 20px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 40px;
    padding: 13px 50px;
    background: #20e4a2;
    width: auto;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    margin: 20px 0px 0px;
    transition: all 0.3s;
    border: 0px;
}
.working-row-four-main form#msform .error
{
    margin: 0;
    bottom: 75px;
}
.working-row-four-main form#msform .action-button.next, .working-row-four-main form#msform .action-button.submit, .working-row-four-main form input[type="submit"]
{
    float: right;
}
.working-row-four-main form#msform .action-button:hover, .working-row-four-main form#msform .action-button:focus, .working-row-four-main form input[type="submit"]:hover, .working-row-four-main form input[type="submit"]:focus
{
    background: rgba(32, 228, 162, 0.7);
    box-shadow: none;
}

.working-row-four-main form#msform fieldset
{
    width: 95%;
    margin: 0 auto 0px !important;
    left: 0;
    right: 0;
/*    position: static;*/
    padding: 10px 30px 50px;
}
.working-row-four-main #progressbar 
{
    margin-top: 0px;
    padding: 0px;
    position: absolute;
    width: 100%;
    top: -30px;
    padding: 30px 20px 0px 0px;
    box-sizing: content-box !important;
    left: 0px;
}
.working-backwards-page
{
    overflow-x: hidden;
}

.working-row-four-main #progressbar li.active
{
    height: 4px;
    background: #0071bc;
}
.working-row-four-main #progressbar li:before
{
    position: absolute;
    top: -30px;
    text-align: center;
    width: 45px;
    background: #0071bc !important;
/*    display: none !important;*/
    right: -20px;
    height: 20px;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    opacity: 0;
    visibility: hidden;
}
.working-row-four-main  #progressbar li.active-old.active:before,  #progressbar li.active-old.active:after
{
    opacity: 0;
    visibility: hidden;
}
.working-row-four-main #progressbar li.active:before
{
    opacity: 1;
    visibility: visible;
}
.working-row-four-main #progressbar li.active:after {
    content: "";
    position: absolute;
    right: 0 !important;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #0071bc;
    width: auto !important;
    margin: auto;
    right: -8px !important;
    background: transparent;
    left: inherit;
    top: -13px;
}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
[data-tooltip]:before {
    position: absolute;
    bottom: 90%;
    left: auto;
    right: 30px;
    margin-bottom: 5px;
    padding: 15px;
    width: 250px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #0a4672;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 18px;
    line-height: 25.2px;
    background: #ebfdf7;
    box-shadow: 0px 5px 20px #0003;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.11);
}

[data-tooltip]:after {
  position: absolute;
    bottom: 89%;
    right: 150px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 8px solid #ebfdf7;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
    z-index: 9;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.submitted-message
{
    text-align: center;
    padding: 20px;
    background: #f5f8fb;
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
}

.previous.left-arrow, .next.right-arrow
{
    display: inline-block;
    cursor: pointer;
}
.previous.left-arrow
{
    margin-right: 3px;
}

body .heading-description .inner {
    max-width: 850px;
    margin: 0 auto !important;
    float: none !important;
    text-align: center;
    padding: 40px 0px;
}

/*==========================================================
                    Customers Page
============================================================*/

.customer-page .banner-section.banner-static
{
    padding: 0;
    height: 480px;
    background-position: bottom;
}
.customer-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text
{
    padding: 120px 30px 0;
}
.customer-page .banner-static h1, .new-blog-page .banner-static h1
{
    font-size: 60px;
}
.customer-page .banner-static p
{
    margin-top: 28px;
}
.our-customer-main 
{
    color: #fff;
    text-align: center;
    padding: 0px;
    background: #0a4675;
}
.our-customer-main .page-center
{
    background: transparent;
    padding: 80px 30px;
}
.our-customer-sec h2
{
    color: #fff;
}
.our-customer-sec p
{
    max-width: 85%;
    margin: 20px auto 0px;
}
.customer-flex-col
{
    padding-top: 50px;
}
.customer-flex-col .hs_cos_wrapper_widget
{
    width: 23.5%;
    background: #fff;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 267px;
    display: table;
    transition: all 0.5s;
}
.customer-flex-col .hs_cos_wrapper_widget:nth-child(4n)
{
    margin-right: 0;
}
.customer-flex-col .hs_cos_wrapper_widget:hover 
{
    background: #fff;
}
.customers-images-main 
{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 100%;
}
.customer-flex-col .hs_cos_wrapper_widget:hover .simple-img 
{
/*    display: none;*/
}
.customer-flex-col .hs_cos_wrapper_widget:hover .hover-img
{
/*    display: block !important;*/
}
.recent-work-main
{
    padding: 90px 0px;
}
.recent-work-main .case-header h2 
{
    font-size: 24px;
    line-height: 34px;
}
.recent-work-main .business-flex-col .slick-prev, .recent-work-main .business-flex-col .slick-next
{
    bottom: -42px;
}
.recent-work-main .slick-dots 
{
    bottom: -60px;
}
.differentate-header-content p
{
    font-size: 20px;
    line-height: 32px;
    max-width: 85%;
    margin: 25px auto;
}
.customer-differemtial-sec.differential-sec
{
    padding-bottom: 0px;
}
.customer-differemtial-sec .customer-differentiate.differentiation-flex-col
{
    padding-top: 10px;
}
.expertise-sec-main.customer-video-sec
{
    padding-top: 80px;
}
.customer-differemtial-sec .leadership-module
{
    box-shadow:  0px 0px 19px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.1);
}
.customer-differemtial-sec .face 
{
    padding: 65px 18px 0;
}
.customer-page .new-custom h3
{
    max-width: 100%;
}
.working-with-lancom-section 
{
    background: url(https://cdn2.hubspot.net/hubfs/533526/partnering%20page%20imgs/partner-video-bg.png?t=1530233205470);
    background-repeat: no-repeat;
    background-position: center 332px;
    background-size: contain;
    padding: 80px 0px 125px;
}

/*=============================================================
                    New Blog Page
===============================================================*/
body.new-blog-page
{
    background-image: none !important;
}
.new-blog-page .banner-section 
{
    padding: 0px;
    height: 590px;
    background-position: bottom;
}
.new-blog-page .body-container 
{
    margin: 0px 0 0;
}
.new-blog-page .banner-static p
{
    max-width: 44%;
    margin: 30px 0px 0px;
}
.new-blog-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text 
{
    padding: 200px 30px 0px;
}
.blog-main-list
{
    padding: 80px 0px;
}
.blog-main-list .blog-section .post-listing
{
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0px;
}
.blog-main-list .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image
{
    float: none;
    max-width: inherit;
    width: 100%;
    max-height: inherit;
    margin: 0;
}
.blog-main-list .blog-section .post-listing .post-item 
{
    border-bottom: 0px;
    width: 18.4%;
    float: left;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 5px;
    transition: all 0.5s;
}
.blog-main-list .blog-section .post-listing .post-item h2
{
    min-height: 115px;
}
.blog-main-list .blog-section .post-listing .first-sec
{
    display: inline-block;
    /*display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;*/
    width: 100%;
    margin-bottom: 50px;
}
.blog-main-list .blog-section .post-listing .first-sec:last-child
{
    margin-bottom: 0px;
}
.blog-main-list .blog-section .post-listing .post-item:hover 
{
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.blog-main-list .blog-section .post-listing .post-item:nth-child(5n)
{
    margin-right: 0px;
}
.blog-main-list .blog-section .post-listing .post-header h2 a
{
    font-family: 'Raleway',sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    color: #0a4675;
    margin: 20px 10px 10px !important;
    min-height: 66px;
}
.blog-main-list .blog-section .post-listing .post-item a.more-link
{
    margin-left: 10px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 40px;
    background: #20e4a2;
    color: #fff;
    display: inline-block;
    padding: 5px 0px;
    width: 130px;
    text-align: center;
    margin-bottom: 20px;
    transition: all 0.5s;
}
.blog-main-list .blog-section .post-listing .post-item a.more-link:hover
{
    background: #23fab2;
}
.blog-main-list .hs-featured-image-wrapper
{
    height: 120px;
    overflow: hidden;
}
.blog-main-list .blog-pagination, .blog-main-list .next-btn
{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 60px 0px 0px;
}
.blog-main-list .blog-pagination a, .blog-main-list .next-btn a
{
    font-weight: bold;
    font-size: 20px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 40px;
/*    padding: 13px 50px;*/
    background: #20e4a2;
    color: #fff;
    display: inline-block;
    padding: 13px 0px;
    width: 150px;
    text-align: center;
}
.blog-main-list .blog-pagination a:hover, .blog-main-list .next-btn a:hover
{
    background: #23fab2;
}
.blog-main-list .first-header
{
    margin-bottom: 50px;
    width: 100%;
}
.blog-main-list .first-header p
{
    margin: 20px 0px 0px;
}

.new-blog-page .fw-bg .page-center > *, .new-blog-page .fw-bg .btn-big
{
        color: white;
}
.new-blog-page .fw-bg
{
    background: #0a4675;
}
.new-blog-page .fw-bg h3
{
    max-width: 100%;
}

/*========================================================
                Testiminals PAge
==========================================================*/

.testimonial-header h2
{
   font-size: 30px; 
}
.testimonial-content-wrapper
{
    background: #f5f8fb;
    padding: 40px 100px 40px 310px;
    text-align: justify;
    margin-top: 80px;
    float: left;
    width: 100%;
    position: relative;
}
.simple-text-content
{
/*    font-style: italic;*/
}
.simple-text-content p i
{
    position: absolute;
    left: 0;
    top: -80px;
    height: 240px;
    width:240px;
    background: #0a4675;
    border-radius: 50%;
    line-height: 160px;
    text-align: center;
    color: #fff;
}
.simple-text-content p i img
{
/*    max-width: 70px;*/
}
.simple-text-content p i:after
{
    content: "";
    position: absolute;
    bottom: -30px;
    border-width: 30px;
    border-color: #0a4675 #0a4675 transparent transparent;
    border-style: solid;
    left: 30%;
}
.inner-img-section
{
    float: right;
    margin-top: 15px;
}
.left-section, .right-section 
{
    display: table-cell;
    vertical-align: middle;
}
.right-section 
{
    text-align: left;
    padding-left: 30px;
}
.right-section p
{
    margin: 0px 0px 5px; 
}
.right-section p:last-child
{
    margin: 0px 0px 0px; 
    color: #00003e;
    font-size: 14px;
    font-weight: bold;
}
.right-section p img
{
    max-width: 25px;
}
.right-section p:first-child
{
    color: #82b0ff;
    font-weight: bold;
    font-size: 28px;
}
.testimonial-image-two
{
    margin-top: -250px;
    position: relative;
}
.testimonial-image-two .span12.page-center
{
    max-width: 88%;
    padding-bottom: 0px;
}
.testimonial-image-two img
{
    margin-bottom: -7px;
}

/*=================================23-7-2018=====================*/

body .case-study_list>span>div:nth-child(9) .case-study_list__item
{
    height: auto;
}
.case-study_list 
{
/*    padding-bottom: 220px;*/
}


/*=============================================================
                    CASE STUDIES HRV PAGE
===============================================================*/


.banner-static.first-row-story 
{
    padding: 60px 0 120px;
    background-position: 45% bottom;
}

.hrv-header-title
{
    margin-top: 60px;
}
.hrv-header-title h1 
{
    font-size: 58px;
    line-height: normal;
}
.back-story-header h2, .second-sec-header h2, .fourth-sec-header h2
{
    font-size: 32px;
    display: inline-block;
    position: relative;
    padding-top: 20px;
}
.back-story-header h2:before, .second-sec-header h2:before, .fourth-sec-header h2:before
{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: #69f0ae;
    top: 0;
}
.banner-static.first-row-story p
{
    line-height: 34px;
    text-align: justify;
}
.story-first-sec, .story-second-sec
{
    margin-top: 50px;
}
.story-first-sec p
{
    max-width: 92%;
}
.situation-sec
{
    padding: 150px 0px;
}

.second-sec-header, .fourth-sec-header
{
    text-align: center;
    margin-bottom: 45px;
}
.span6.left-banner-sec, .span6.situation-right-sec
{
    display: table-cell;
    float: none;
    vertical-align: top;
}
.span6.left-banner-sec
{
    padding-right: 70px;
    background-size: 92%;
    background-repeat: no-repeat;
    background-position: 0px 40px;
    padding-top: 180px;
}
.situation-first-content p strong
{
    font-size: 22px;
    display: block;
    margin-bottom: 3px;
}
.span12.situation-sec-content
{
    background: #0a4675;
    padding: 40px;
    border-radius: 10px;
    width: 760px;
    color: #fff;
    margin: 25px -80px 25px -130px !important;
    position: relative;
}
.span12.situation-sec-content:before
{
    position: absolute;
    content: "";
    right: 100px;
    top: -40px;
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent #0a4675 transparent;
}
.span12.situation-sec-content p span, .span12.solution-first-content p span, .testimonial-content p span
{
    font-weight: normal;
    color: #69f0ae;
}
.situation-third-content p, .fourth-sec-content
{
    margin-bottom: 35px;
}
.situation-sec p, .solution-third-content p, .solution-main-content p
{
    text-align: justify;
}
.situation-sec-main .second-sec-header
{
    text-align: left;
}
.solution-main-content
{
    margin-bottom: 50px;
}

.span12.solution-first-content
{
    background: #0a4675;
    padding: 40px;
    border-radius: 10px;
    color: #fff;
    position: relative;
    width: 600px;
    margin-left: -70px !important;
    text-align: justify;
}
.span12.solution-first-content:before
{
    position: absolute;
    content: "";
    top: 38%;
    left: -40px;
    border-width: 20px;
    border-style: solid;
    border-color: transparent #0a4675 transparent transparent;
}
.result-sec-main
{
    padding: 160px 0px 450px;
}
.span12.solution-sec-content
{
    background: #1de9b6;
    border-radius: 10px;
    padding: 40px 30px 20px;
    margin-top: -30px;
}
.solution-third-content p
{
    margin-top: 40px;
}
.solution-third-content p:last-child
{
    margin-top: 30px;
}
.fourth-sec-header
{
    margin-bottom: 30px;
}
.fourth-sec-content p 
{
    margin-bottom: 8px;
    text-align: justify;
}
.span8.testimonial-content 
{
    background: #0a4675;
    padding: 40px;
    border-radius: 10px;
    color: #fff;
    position: relative;
    text-align: justify;
}
.span8.testimonial-content:before
{
    position: absolute;
    content: "";
    top: 39%;
    right: -40px;
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent transparent #0a4675;
}
.span8.testimonial-content, .span2.testimonial-image, .span2.testimonial-description
{
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.span2.testimonial-image
{
    padding: 0px 20px 0px 40px;
}
.testimonial-image img
{
    border-radius: 50%;
}
.testimonial-description h4
{
    font-size: 24px;
    margin-bottom: 0px;
}
.testimonial-description p:nth-child(2)
{
    margin: 5px 0px;
}
.solution-left-image
{
    position: relative;
}
.solution-left-image img
{
    position: absolute;
    right: 0px;
    max-width: inherit;
}


/*=============================================================
           Contact Page
===============================================================*/

.contact-form .input input, .contact-form .input textarea, .contact-form .input select 
{
    height: 50px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: none !important;
    border: 1px solid #ddd;
  	font-size: 16px;
  	margin-bottom: 20px;
}
.contact-form .input input.error, .contact-form .input textarea.error, .contact-form .input select.error
{
  	margin-bottom: 0px;
}
.contact-form .input textarea
{
  	min-height: 150px;
}
.contact-form .hs-error-msgs.inputs-list li label
{
  	color: red;
  	font-size: 14px;
  	margin-bottom: 10px;
}
.contact-form input::placeholder, .contact-form select::placeholder, .contact-form textarea::placeholder
{
  	color: #fff;
}
.contact-form form
{
  	max-width: 70%;
  	margin: 0 auto;
}

/*=============================================================
          Amazon Web Services Video Series
===============================================================*/

.thank-video {
    width: 59%;
    display: inline-block;
    vertical-align: top;
}
.thank-text {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.thank-right .thank-video
{
  	text-align: right;
}
.video-outer-new > span > div
{
  	margin-bottom:50px;
}
.video-outer-new > span > div:last-child
{
  	margin-bottom: 0px;
}
.thank-text p:first-child
{
  	margin-top: 0px;
}
/*=============================================================
           media queries
===============================================================*/

@media(max-width: 1350px) and (min-width:1200px) {
    .span12.situation-sec-content {
        padding: 20px;
        width: 720px;
    }
}


@media (min-width: 768px) {
	.banner-with-video-sec {
		background: none !important;
	}
}
@media(max-width: 991px) and (min-width:768px) {
	.custom-menu-primary.main-header-menu ul li ul li a {
		font-size: 15px !important;
		padding: 10px;
	}
}
@media only screen and (min-width: 1229px) {
	.showcase .horizontal-images.content {
		width: 1060px;
	}
}
@media only screen and (min-width: 1629px) {
	.showcase .horizontal-images.content {
		width: 700px;
	}
}
.home-lay .row-one-content h1 {
	font-size: 36px;
}
.banner-static h1 {
	font-size: 42px;
	margin: 0;
	line-height: 45px;
}
.home-lay .banner-section.banner-static {
	padding: 120px 0 60px;
	background-position: center !important;
}
.office-main-content p img {
	display: block;
	margin: auto;
}
.mobile-leadership {
	display: none !important;
}
.banner-show {
	/*  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;*/
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
/*  .team-page .banner-section, .banner-section {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 



/**service-page**/

.service-page .banner-static p {
	font-size: 40px;
	font-weight: 300;
	margin: 0 0 20px;
}
.services-sec {
	text-align: center;
}
.service-page .banner-static h4 {
	margin: 20px 0 0;
	font-size: 36px;
	font-weight: 700;
}
.services-sec h2 {
	font-size: 36px;
	padding-top: 30px;
	position: relative;
}
.services-sec h2::before {
	content: "";
	background: #20e4a2;
	top: 0;
	border-radius: 50px;
	position: absolute;
	left: 0;
	right: 0;
	height: 5px;
	max-width: 110px;
	width: 110px;
	margin: auto;
}
.services-sec ul.resp-tabs-list li {
	padding: 35px 23px 30px !important;
	border: 0;
	background: #fff;
	box-shadow: 0 0 10px #0003;
	margin-right: 35px;
	border-radius: 5px;
	float: none;
	width: 17%;
	vertical-align: top;
}
.tabing-image {
	display: block;
	margin-bottom: 30px;
}
.tab-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	display: inline-block;
}
.services-sec ul.resp-tabs-list {
	padding: 0;
	margin: 40px 0 80px;
}
.services-sec ul.resp-tabs-list li:last-child {
	margin-right: 0;
}
.services-sec .resp-tab-content {
	border: 0px solid #c1c1c1;
	padding: 0;
}
.services-outer-body {
	background: #f5f8fb;
	padding-bottom: 60px;
	position: relative;
}
/*.services-outer-body::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 70px;
	background: white;
}
.services-outer-body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: white;
	width: 70px;
}*/

.services-sec .resp-tabs-container {
	background-color: transparent;
	overflow: hidden;
}
.services-sec .tab-content .tab-left-image {
	display: inline-block;
	width: 49%;
	text-align: center;
}
.services-sec .tab-content .tab-right-text {
	display: inline-block;
	width: 50%;
	text-align: left;
}
.services-sec .tab-content .tab-right-text h2 {
	padding: 0;
	margin: 0;
	line-height: 42px;
}
.services-sec .tab-content .tab-right-text h2::before {
	display: none;
}
.services-sec .tab-content .tab-right-text p {
	margin: 30px 0;
}
.services-sec .tab-content .tab-right-text a {
	background: #20e4a2;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	border-radius: 30px;
	display: inline-block;
	padding: 13px 30px;
	margin-top: 20px;
}
.services-sec .tab-content .tab-right-text a:hover {
	background: rgba(32, 228, 162, 0.7);
}
.service-page .banner-static h1 {
	font-size: 60px;
	line-height: 65px;
}
.service-page.home-lay .banner-section.banner-static {
	background-size: cover;
	padding: 0;
	visibility: hidden;
}
.span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
	padding: 185px 0;
}
.why-content-section {
	padding: 60px 0 90px;
}
.image-left-right.span12 {
	padding-bottom: 140px;
	background: url("https://cdn2.hubspot.net/hubfs/533526/Lancom-may-2018/left-line.png");
	background-position: 190px 290px;
	background-repeat: no-repeat;
}
.why-content-section .image-left-right.span12 {
	background-position: 40% 90%;
}
.why-content-section span > div:nth-child(2n) .image-left-right {
	background: url("https://www.lancom.co.nz/hubfs/Lancom-may-2018/right-lline.png?t=1526907248904");
	background-position: 40% 85%;
	background-repeat: no-repeat;
	padding-bottom: 180px;
}
.why-content-section span > div:last-child .image-left-right {
	background: none;
}
.image-left-right .span9.why-text {
	width: 47%;
}
.image-left-right .span3.why-image {
	width: 50%;
	text-align: right;
}
.why-content-section span > div:nth-child(2n) .image-left-right .span3.why-image {
	text-align: left;
}
.why-content-section span > div:last-child .image-left-right {
	padding-bottom: 0;
}
.span9.why-text h2 {
	font-size: 24px;
}
.span9.why-text p {
	line-height: 35px;
}
.services-sec ul.resp-tabs-list li.resp-tab-active .tab-title,
.services-sec ul.resp-tabs-list li:hover .tab-title {
	color: #fff;
}
.services-sec ul.resp-tabs-list li.resp-tab-active {
	background: #0a4675;
}
.services-sec ul.resp-tabs-list li:hover {
	background: #20e4a2;
}
.team-single:hover .member-description {
	display: block !important;
}
.member-description {
	position: absolute;
	left: -80px;
	width: 230px;
	z-index: 9;
	background: #ffffff;
	box-shadow: 0px 5px 20px #0003;
	-webkit-box-shadow: 0px 15px 20px #0003;
	-moz-box-shadow: 0px 15px 20px #0003;
	border-radius: 4px;
	padding: 22px 20px;
	top: -125px;
}
.member-description::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 18px solid white;
	width: 30px;
	margin: auto;
	right: 0;
}
.member-description h2 {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: bold;
}
.member-description p {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
}
.fw-bg h3 {
	margin-bottom: 30px;
}
.new-team-lane > div {
	display: inline-block;
	margin: 40px 28px 20px;
	vertical-align: top;
}
.new-team-lane > div:nth-child(2n) {
	margin-top: 0;
}
.new-team-lane > div:last-child {
	margin-top: 60px;
	margin-left: 0;
}
.new-team-lane > div:nth-child(4) {
	margin-top: 40px;
}
.team-section span > div:nth-child(2n) > div {
	margin: 15px 30px;
}
.team-section span > div:nth-child(2n) > div:nth-child(2n) {
	margin-top: 0;
}
.team-section span > div:nth-child(2n) > div:nth-child(3n) {
	margin-top: -10px;
}
.team-section span > div:nth-child(2n) > div:last-child {
	margin-left: 30px;
	margin-top: 20px;
}
.team-section span > div:nth-child(3n) > div {
	margin: 35px 20px;
}
.team-section span > div:nth-child(3n) > div:nth-child(2n) {
	margin-top: 10px;
}
.team-section span > div:nth-child(3n) > div:last-child {
	margin-left: 0;
	margin-top: 20px;
}
.heading-title {
	text-align: center;
	padding: 35px 0 0;
}
.heading-title h2 {
	font-size: 60px;
	font-weight: bold;
	margin: 0 0 25px;
	display: inline-block;
}
.devolp-phase-flex-col .image-left-right .span3.why-image {
	text-align: center;
}
.devolp-phase-flex-col .image-left-right:hover .why-text .count {
	top: -20px;
}
.count {
	background: #005ead;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: inline-block;
	text-align: center;
	line-height: 42px;
	margin-left: 0;
	position: absolute;
	left: -20px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	top: 3px;
}
.devolp-phase-flex-col .span9.why-text h4 {
	font-size: 24px;
	font-weight: bold;
}
.devolp-phase-flex-col .image-left-right.span12 {
	padding-bottom: 85px;
	background-image: none;
	height: 390px;
}
.devolp-phase-flex-col .image-left-right .span3.why-image {
	text-align: center;
	width: 47%;
}
.devolp-phase-flex-col .image-left-right .span9.why-text {
	width: 50%;
	padding-left: 100px;
	position: relative;
}
.devolp-phase-flex-col span > div:nth-child(2n) .image-left-right .why-text {
	text-align: right;
	padding-left: 0;
	padding-right: 100px;
}
.devolp-phase-flex-col span > div:nth-child(2n) .image-left-right .why-text .count {
	margin-right: 0;
	right: -22px;
	left: auto;
}
.devolp-phase-flex-col::before {
	content: "";
	position: absolute;
	background: #0000001a;
	top: 0;
	left: 0;
	right: 0;
	width: 1px;
	height: 100%;
	bottom: 0;
	margin: auto;
}
.devolp-phase-flex-col {
	position: relative;
	padding-top: 40px;
	padding-bottom: 100px;
}
.devolp-phase-flex-col .hs_cos_wrapper_widget:nth-last-child(2) .image-left-right .why-text .count {
	line-height: 48px;
}
.team-single {
	position: relative;
}
.transcription-module strong {
	margin-bottom: 30px;
	display: block;
}
.transcription-flex-col > span > p:first-child {
	text-align: center;
}
.transcription-flex-col h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #20e4a2;
	height: 4px;
	border-radius: 50px;
	max-width: 120px;
	width: 120px;
	margin: auto;
}
.transcription-flex-col h2 {
	text-align: center;
	position: relative;
	padding-top: 30px;
	font-size: 36px;
}
.why-content {
	text-align: center;
	margin-top: 50px;
}
.why-content h2::before {
	content: "";
	background: #20e4a2;
	top: 0;
	border-radius: 50px;
	position: absolute;
	left: 0;
	right: 0;
	height: 5px;
	width: 110px;
	max-width: 110px;
	margin: auto;
}
.why-content h2 {
	position: relative;
	padding-top: 30px;
	font-size: 36px;
}
.services-sec ul.resp-tabs-list li.resp-tab-active .tab-image,
.services-sec ul.resp-tabs-list li:hover .tab-image {
	display: none;
}
.services-sec ul.resp-tabs-list li.resp-tab-active .tab-selected,
.services-sec ul.resp-tabs-list li:hover .tab-selected {
	display: block !important;
}
.services-sec .resp-tabs-container .resp-tab-content-active {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.team-page .why-image {
	opacity: 0;
}
.team-page .why-text {
	opacity: 0;
}
.why-image.slideInLeft,
.why-text.fadeInDown {
	opacity: 1;
}
.member-img img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
}
.new-team-lane > div:nth-child(2n) img {
	height: 70px;
	width: 70px;
}
.new-team-lane > div:nth-child(3n) img {
	height: 60px;
	width: 60px;
}
.new-team-lane > div:nth-child(4n) img {
	width: 80px;
	height: 80px;
}
.new-team-lane > div:nth-child(5n) img {
	width: 60px;
	height: 60px;
}
.new-team-lane > div:last-child img {
	width: 70px;
	height: 70px;
}
.devolp-phase-flex-col span > div:first-child .why-image,
.devolp-phase-flex-col span > div:first-child .why-text {
	opacity: 1;
}
.team-page .new-main-body {
	background-image: none;
}
.podcast-page .top-sec {
	text-align: center;
}
.podcast-page .cyber-main {
	padding-top: 0;
}
.podcast-page .second-sec-main {
	padding: 50px 0;
	background: #f5f8fb;
	text-align: center;
}
.podcast-page .second-sec-img {
	background: #fff;
	padding: 20px;
	margin-bottom: 40px;
	box-shadow: 0 0 10px #00000080;
	-webkit-box-shadow: 0 0 10px #00000080;
	border-collapse: collapse;
	-moz-box-shadow: 0 0 10px #00000080;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#00000080,direction=135,strength=5)";
	filter: progid: DXImageTransform.Microsoft.Shadow(color=#00000080, direction=135, strength=5);
	background-color: #ffffff;
}
.podcast-page .main-footer-div {
	text-align: center;
	background-position: bottom !important;
	background-repeat: no-repeat !important;
	background-size: 100%;
	margin-bottom: 40px;
}
.podcast-page .wistia_responsive_padding {
	margin: 40px 0;
}

@media (min-width: 1700px) {
    .working-with-lancom-section {
        background-position: center 230px;
        background-size: 85%;
    }
}

@media (min-width: 1600px) {
	div.service-page.home-lay .banner-section.banner-static .banner-text {
		padding: 0px 0 !important;
	}
	.service-page.home-lay .banner-section.banner-static {
		background-size: 63%;
		height: auto;
		background-position: center !important;
	}
	.services-outer-body {
		background: #fff;
	}
	.services-outer-body .content-wrapper {
		background: #f5f8fb;
		padding-bottom: 80px;
	}

}
@media (min-width: 1400px) {
	.service-page.home-lay .banner-section.banner-static .banner-text {
		padding: 185px 0 !important;
	}
}
@media (max-width: 1200px) {
	.services-inner.three-col-adjust div.hs_cos_wrapper {
		margin-right: 12px;
		margin-bottom: 20px;
	}
	.services-inner.three-col-adjust div.hs_cos_wrapper a.cta_button {
		font-size: 14px !important;
		padding: 12px 12px !important;
	}
	.term-form-right h3 {
		color: #ffffff;
		font-size: 34px;
	}
	.services-inner .dp-service-top-icon {
		min-height: 560px;
		padding: 40px 30px 30px;
	}
	.term-form-right h3 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.term-form-right input,
	.term-form-right select {
		padding: 11px 0px 12px 10px;
		font-size: 12px;
	}
	.leaership-flex-col span > div {
		margin-right: 25px;
	}
	.content {
		height: 280px;
	}
	.services-sec ul.resp-tabs-list li {
		margin-right: 30px;
		padding: 30px 5px 30px !important;
	}
	.service-page.home-lay .banner-section.banner-static {
		background-size: cover;
		padding: 100px 0 90px;
	}
	.service-page .banner-static h1 {
		font-size: 45px;
		line-height: 50px;
	}
	.service-page .banner-static p {
		font-size: 30px;
		margin: 0 0 10px;
	}
	.service-page .banner-static h4 {
		margin: 15px 0 0;
		font-size: 30px;
	}
	.heading-title h2 {
		font-size: 50px;
	}
	.question-sec-main .right-sec {
		width: 87%;
	}
	.answer-sec-main .right-sec {
		width: 87%;
	}
	.main_team_section::after {
		right: 0;
		z-index: -9;
		top: 110px;
	}
	.main_team_section::before {
		top: 50px;
	}
	.services-sec h2 {
		font-size: 30px;
	}
	.services-sec .tab-content .tab-right-text a {
		font-size: 16px;
		padding: 13px 20px;
	}
	.migration-banner.banner-static h1 {
		font-size: 52px;
		line-height: 60px;
	}
	.migration-banner.banner-static h3 {
		font-size: 32px;
	}
	.span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
		padding: 100px 0;
	}
	.software-develop-banner.banner-section {
		height: 680px;
	}
	.services-flex-col .e-book-outer-div {
		/*    width: 32.6%;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 40px 30px;*/
	}
	.software-services-outer img {
		height: 64px;
	}
	.differentiation-flex-col .single-col-module {
		padding: 25px 10px 16px;
	}
	.differentiation-flex-col .single-col-module h2 {
		min-height: 84px;
	}
	.our-values-main .customer-testimonial-mdule {
		padding: 70px 60px 100px 130px;
	}
	.left-header {
		width: 84%;
	}
}
@media (max-width: 1199px) {
	.testimonial-flex-column .slick-dots {
		padding-left: 100px;
	}
	.hiring-process-module {
		max-width: 800px;   
	}
	.pillar-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text,
	.banner-tabin-bottom .page-center {
		padding: 0px 30px !important;
	}
	.working-backwards-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
		padding: 0px 30px;
	}
	.working-backwards-page .banner-section.banner-static h1 {
		max-width: 65%;
	}
	.pillar-page.home-lay .banner-section.banner-static,
	.working-backwards-page.home-lay .banner-section.banner-static {
		padding: 85px 0px 100px;
	}
	.working-rowthird-flex-col {
		padding: 80px 0px;
		max-width: 880px;
		margin: 0 auto !important;
		float: none !important;
		display: inline-block !important;
	}
	.working-row-third-main {
		text-align: center;
	}
	.pillar-page .banner-section.banner-static p, .working-backwards-page .banner-section.banner-static p {
        font-size: 30px;
	}
	.pillar-page .banner-section.banner-static h1, .working-backwards-page .banner-section.banner-static h1 {
        font-size: 46px;
	}
	.pillar-page .banner-section.banner-static p
	{
	    font-size: 23px !important;
	}
	.pillar-page .banner-section.banner-static h1{
        font-size: 36px !important;
    }
    .customer-flex-col .hs_cos_wrapper_widget {
        height: 220px;
    }
    .blog-main-list .blog-section .post-listing .post-item {
        width: 32%;
    }
    .blog-main-list .blog-section .post-listing .post-item:nth-child(3n) {
        margin-right: 0px;
    }
    .blog-main-list .blog-section .post-listing .post-item:nth-child(5n) {
        margin-right: 2%;
    }
    .span12.situation-sec-content {
        width: 130%;
        margin: 25px -30px 25px -120px !important;
        padding: 30px;
    }
    .span12.solution-first-content {
        width: 110%;
    }
    .thank-text {
      	width: 49%;
        padding-left: 20px;
    }
  	.thank-right .thank-text
  	{
      	padding-left: 0px;
      	padding-right: 20px;
  	}
  	.thank-video {
    		width: 50%;
  	}	
}
@media (max-width: 1199px) and (min-width: 768px) {
     .thank-video iframe {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 991px) {
	.services-inner.three-col-adjust div.hs_cos_wrapper {
		margin-bottom: 20px;
		width: 31.5%;
	}
	.services-inner .dp-service-top-icon {
		min-height: 610px;
		padding: 40px 20px 30px;
	}
	.services-inner.three-col-adjust div.hs_cos_wrapper a.cta_button {
		font-size: 12px !important;
		padding: 12px 10px !important;
	}
	.slick-next.slick-arrow {
		right: 0;
	}
	.fw-bg::before {
		top: -84px;
	}
	.term-form-left h1 {
		font-size: 37px;
		line-height: 46px;
		color: #0a4672;
	}
	.terms-texts h2 {
		font-size: 37px;
		line-height: 46px;
	}
	.home-lay .row-one-content p,
	.term-form-left p {
		font-size: 18px;
		line-height: 32.4px;
		color: #0a4672;
	}
	.term-form-right h3 {
		color: #ffffff;
		font-size: 29px;
		line-height: 41px;
	}
	.answer-sec-main .left-sec {
		width: 13%;
	}
	.answer-sec-main .right-sec {
		width: 84%;
	}
	.question-sec-main .left-sec {
		width: 13%;
	}
	.question-sec-main .right-sec {
		width: 84%;
	}
	.answer-sec-main .right-sec p {
		font-size: 16px;
	}
	.cyber-header h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.transcription-sec h2 {
		font-size: 30px;
		padding-top: 30px;
	}
	.download-link {
		margin: 0 auto 40px !important;
	}
	.banner-static h1 {
		font-size: 40px;
		margin: 0;
	}
	.banner-static p {
		font-size: 16px;
		line-height: 25px;
		max-width: 410px;
	}
	.team-page.home-lay .banner-section.banner-static {
		padding: 100px 0 130px;
		background-position: center !important;
		background-size: 100%;
	}
	.team-section {
		max-width: 600px;
	}
	/*.team-section span > div:nth-child(4) {
	left: 190px;
	top: 160px;
}
.team-section span > div:nth-child(9) {
	right: 300px;
	top: 80px;
}
.team-section span > div:nth-child(2) {
	left: 120px;
	top: 20px;
}.team-section span > div:nth-child(13) {
	left: 17%;
	top: 220px;
}.team-section span > div:nth-child(9) {
	right: 0;
	top: 80px;
	left: 38%;
}
.team-section span > div:nth-child(5) {
	left: 400px;
	top: 40px;
}*/
	.main_team_section {
		padding-top: 20px;
	}
	.main-leadership-sec {
		padding-top: 80px;
	}
	.leaership-flex-col {
		padding-top: 60px;
	}
	.leaership-flex-col span > div {
		margin-right: 28px;
		width: 30%;
	}
	.leader-detail {
		padding: 10px;
	}
	.leader-detail p,
	.leader-detail {
		font-size: 12px;
		line-height: 20px;
	}
	.leader-description h3 {
		font-size: 15px;
	}
	.leader-description p {
		font-size: 12px;
	}
	.content {
		height: 256px;
		left: 14px;
		top: 15px;
	}
	/*.team-section span > div:nth-child(19) {
	left: 65%;
	bottom: 5px;
}
.team-section span > div:nth-child(17) {
	left: 260px;
	top: auto;
	max-width: 80px;
	bottom: -50px;
}
.team-section span > div:nth-child(16) {
	right: 40px;
	left: auto;
	top: -40px;
}*/
	.tab-title {
		font-size: 14px;
		line-height: 18px;
	}
	.tabing-image {
		margin-bottom: 20px;
	}
	.services-sec ul.resp-tabs-list li {
		margin-right: 12px;
		padding: 20px 5px 20px !important;
		width: 18%;
	}
	.service-page .banner-static h1 {
		font-size: 35px;
		line-height: 45px;
	}
	.service-page .banner-static p {
		font-size: 25px;
	}
	.service-page .banner-static h4 {
		margin: 10px 0 0;
		font-size: 25px;
	}
	.services-sec .tab-content .tab-right-text p {
		margin: 15px 0 0;
		font-size: 16px;
		line-height: 28px;
	}
	.services-sec .tab-content .tab-right-text h2 {
		padding: 0;
		margin: 0;
		line-height: 33px;
		font-size: 24px;
	}
	.services-sec .tab-content .tab-right-text a {
		font-size: 14px;
		padding: 11px 10px;
	}
	.image-left-right.span12 {
		padding-bottom: 120px;
		background-position: center 90%;
	}
	.fw-bg h3 {
		font-size: 30px;
	}
	.heading-title h2 {
		font-size: 40px;
		margin-bottom: 10px;
	}
	.heading-title {
		padding: 15px 0 0;
	}
	.devolp-phase-flex-col .image-left-right .span9.why-text {
		padding-left: 60px;
	}
	.devolp-phase-flex-col span > div:nth-child(2n) .image-left-right .why-text {
		padding-right: 60px;
	}
	.count {
		font-size: 25px;
		width: 40px;
		height: 40px;
		line-height: 32px;
	}
	.devolp-phase-flex-col .image-left-right .span3.why-image img {
		width: 80%;
	}
	.new-team-lane > div {
		margin: 30px 16px 20px;
	}
	.team-section span > div:nth-child(2n) > div {
		margin: 0px 15px;
	}
	.team-section span > div:nth-child(3n) > div {
		margin: 15px 15px;
	}
	.team-section span > div:nth-child(2n) > div:nth-child(2n) {
		margin-top: -20px;
	}
	.member-description h2 {
		font-size: 17px;
	}
	.member-description p {
		font-size: 14px;
	}
	.devolp-phase-flex-col .image-left-right.span12 {
		height: auto;
	}
	.member-img img {
		width: 60px;
		height: 60px;
	}
	.new-team-lane > div:nth-child(2n) img {
		height: 50px;
		width: 50px;
	}
	.new-team-lane > div:nth-child(3n) img {
		height: 50px;
		width: 50px;
	}
	.new-team-lane > div:nth-child(4n) img {
		width: 60px;
		height: 60px;
	}
	.new-team-lane > div:nth-child(5n) img {
		width: 50px;
		height: 50px;
	}
	.new-team-lane > div:last-child img {
		width: 50px;
		height: 50px;
	}
	.main_team_section::after,
	.main_team_section::before {
		display: none;
	}
	.sound-bar-module .sound-bar {
		max-width: 80%;
	}
	.migration-banner.banner-static h3 {
		font-size: 24px;
	}
	.migration-banner.banner-static h1 {
		font-size: 42px;
		line-height: 50px;
	}
	.migration-banner.banner-static {
		padding: 50px 0px 155px;
	}
	.transforming-business-main {
		padding-top: 0px;
	}
	.transforming-left.span6 {
		padding-right: 20px;
	}
	.transformation-form-main fieldset .hs-form-field {
		width: 100% !important;
		padding: 0px !important;
	}
	.transformation-form-main .hs_lastname,
	.transformation-form-main .hs_phone {
		padding: 0px !important;
	}
	.single-column-module {
		padding: 0px 10px;
	}
	.span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
		padding: 00px 0;
	}
	.banner-static.software-develop-banner h1 {
		font-size: 52px;
	}
	.software-develop-banner.banner-static p {
		font-size: 24px;
	}
	.software-develop-banner.banner-section {
		height: 580px;
	}
	.banner-header h1:last-child {
		padding-right: 0px;
	}
	.banner-static.software-develop-banner h1:before {
		right: 18px;
	}
	.journey-choice-sec h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.journey-choice-sec .right-sec img {
		max-width: 90%;
	}
	.services-flex-col .hs_cos_wrapper_widget {
		width: 49.5%;
		margin-right: 1%;
	}
	.services-flex-col .hs_cos_wrapper_widget:nth-child(2n),
	.services-flex-col .hs_cos_wrapper_widget:last-child .e-book-outer-div {
		margin-right: 0px !important;
	}
	.services-flex-col .hs_cos_wrapper_widget:nth-child(3n) {
		margin-right: 1%;
	}
	.software-services-main {
		padding: 80px 0px 60px;
	}
	.software-capability-flex .left-sec {
		width: 25%;
	}
	.software-capability-flex .right-sec {
		padding: 0px 20px;
	}
	.differentiation-flex-col .single-col-module {
		width: 32.6%;
		margin-bottom: 1%;
	}
	.differentiation-flex-col .hs_cos_wrapper_widget:nth-child(5n) .single-col-module {
		margin-right: 1%;
	}
	.differentiation-flex-col .hs_cos_wrapper_widget:nth-child(3n) .single-col-module {
		margin-right: 0px;
	}
	.business-flex-col .slick-slide-inner-wrapper .caption {
		padding: 20px;
	}
	.business-flex-col .slick-slide-inner-wrapper .main-image {
		width: 50%;
	}
	.business-flex-col .slick-next {
		right: 40% !important;
	}
	.business-flex-col .slick-prev {
		left: 40%;
	}
	.differentiation-flex-col .single-col-module h2 {
		min-height: 63px;
	}
	.testimonial-flex-col .slick-prev {
		left: 0px;
		z-index: 9;
	}
	.career-banner .banner-with-video {
		height: auto;
	}
	.our-values-main .customer-testimonial-mdule {
		width: auto;
	}
	.testimonial-flex-column .slick-dots {
		padding-left: 110px !important;
		width: auto;
		left: 0;
		right: 0;
	}
	.testimonial-flex-column .slick-next {
		right: 33.5%;
	}
	.hiring-process-module,
	.discover-header-main h2 {
		max-width: 100%;
	}
	.hiring-sec-main,
	.hiring-content-main {
		position: static !important;
	}
	.hiring-process-module .main-image-sec,
	.hiring-without-hover .image-sec,
	.hiring-hover:before {
		display: none;
	}
	.hiring-process-main {
		padding: 100px 0px 50px;
	}
	.hiring-hover {
		display: block;
		position: static;
		width: auto;
		z-index: 9;
		background: transparent;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		border-radius: 4px;
		padding: 13px 13px;
		text-align: center;
	}
	.hiring-sec-main {
		margin-bottom: 50px;
		width: 50%;
		float: left;
	}
	.hiring-hover {
		min-height: 100px;
	}
	.banner-with-video-sec .banner-content p {
		font-size: 30px;
	}
	.banner-with-video-sec .banner-content h1 {
		font-size: 45px;
		margin-top: 20px;
	}
	.banner-with-video-sec .page-center {
		top: 25%;
	}
	.hiring-sec-main .hiring-hover {
		opacity: 1;
		visibility: visible;
	}
	.left-header {
		width: 79%;
	}
	.discover-module .header-main-sec h2 {
		font-size: 20px;
		line-height: 25px;
	}
	.discover-module {
		padding: 30px;
	}
	.discover-flex-col .location-heading h4,
	.discover-flex-col .field-heading h4 {
		line-height: 20px;
	}
	.our-values-main .customer-testimonial-mdule p,
	.our-values-main .customer-testimonial-mdule {
		font-size: 18px;
		color: #000 !important;
		line-height: 30px;
	}
	.banner-with-video-sec {
		min-height: 430px;
	}
	.why-content-section .image-left-right.span12 {
		background-position: 40% 90%;
	}
	.why-content-section span > div:nth-child(2n) .image-left-right {
		background-position: 40% 85%;
	}
	.transformation-form-main .form-columns-2 .hs-form-field:nth-child(2) {
		padding-left: 0px !important;
	}
	.devolp-phase-flex-col .hs_cos_wrapper_widget:nth-last-child(2) .image-left-right .why-text .count {
		line-height: 40px;
	}
	.case-study--slick.case-study--slick-new ul.slick-dots {
		right: -30px;
	}
	.tabin-sec .resp-tabs-list li {
		width: 50%;
		border-bottom: 1px solid #dfe9f2;
	}
	.banner-color-sec {
		border-bottom: 0px;
		padding: 0px;
	}
	.pillar-page .banner-section.banner-static h1,
	.working-backwards-page .banner-section.banner-static h1 {
		font-size: 50px;
		line-height: 50px;
	}
	.pillar-page .banner-section.banner-static p,
	.working-backwards-page .banner-section.banner-static p {
		font-size: 30px;
	}
	.cloud-benefits-flex-col .hs_cos_wrapper_widget {
		width: 50%;
	}
	.working-backwards-page.home-lay .banner-section.banner-static {
		padding: 45px 0px 70px;
	}
	.cloud-solution-left {
		padding-right: 20px;
	}
	.working-rowthird-flex-col .main-sec-image {
		height: 180px;
		width: 180px;
		line-height: 110px;
	}
	.working-rowthird-flex-col .main-sec-image:before {
		height: 205px;
		width: 205px;
	}
	.working-rowthird-flex-col {
		background-position: center 45px;
		background-size: contain;
		padding: 80px 0px 50px;
		max-width: 740px;
	}
	.working-rowthird-flex-col .main-sec-image .top-image img {
		width: 70px;
	}
	.tab-right-text a.cta_button, .cloud-solution-sec .learn-more-cta a {
        padding: 12px 15px;
	}
	.tab-right-text {
    padding-left: 20px;
    }
    .working-row-four-main form#msform, .working-row-four-main form {
        min-height: 580px;
    }
    .customers-images-main img {
        max-width: 65%;
    }
    .customer-flex-col .hs_cos_wrapper_widget {
        height: 180px;
    }
    .new-blog-page .banner-section {
        height: 400px;
    }
    .new-blog-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
        padding: 100px 30px 0px;
    }
    .simple-text-content p i {
        height: 150px;
        width: 150px;
        line-height: 100px;
    }
    .simple-text-content p i img {
        max-width: 60px;
    }
    .simple-text-content p i:after {
        left: 20%;
    }
    .testimonial-content-wrapper {
         padding: 40px 50px 40px 150px;
    }
    .testimonial-image-two {
        margin-top: -140px !important;
    }
    .first-row-story
    {
        background: none !important;
    }
    .hrv-header-title h1
    {
        font-size: 42px;
    }
    .banner-static.first-row-story p {
        max-width: 100%;
    }
    .situation-sec {
        padding: 0px 0px 70px;
    }
    .solution-left-image img {
        position: static;
        max-width: 100%;
    }
    .span12.solution-first-content {
        margin-left: -45px !important;
    }
    .result-sec-main {
        padding: 100px 0px 380px;
    }
    .span8.testimonial-content {
        width: 40%;
    }
}

@media (max-width: 768px) {
    .custom-menu-primary.main-header-menu ul li ul
	{
	    background:  #0657a5 !important;
	}
	.services-sec .resp-tabs-container h2::before {
		display: none;
	}
	.services-sec .resp-tabs-container h2.resp-tab-active .tab-title {
		color: #fff;
	}
	.services-sec .resp-tabs-container h2.resp-tab-active {
		background: #0a4675 !important;
	}
	.services-sec h2.resp-tab-active span.resp-arrow {
		border-bottom: 12px solid #fff;
	}
	.services-sec .resp-tab-content {
		padding: 40px 0;
	}
	.services-sec .tab-content .tab-right-text a {
		font-size: 14px;
		padding: 11px 20px;
	}
	.services-tabbin-module {
		margin-top: 40px;
	}
	.services-sec .resp-tabs-container h2.resp-accordion {
		padding: 25px 10px !important;
		border-top: 10px solid #0a4675;
		border-bottom: 0px solid #0a4675;
		border-left: 10px solid #0a4675;
		border-right: 10px solid #0a4675;
	}
	.services-sec .resp-tabs-container h2.resp-accordion:nth-last-child(2) {
		border-bottom: 10px solid #0a4675;
	}
	.services-sec .resp-tabs-container h2.resp-accordion:nth-child(9n) {
		border-bottom: 10px solid #0a4675;
	}
	.services-sec .resp-arrow {
		border-top: 12px solid #0a4675;
	}
	.services-sec .resp-tabs-container .resp-tab-content-active {
		animation: none !important;
	}
	.services-sec .resp-tabs-container h2.resp-accordion:first-child {
		border-top: 10px solid #0a4675 !important;
	}
	.services-sec .resp-tabs-container h2.resp-tab-active .tab-image {
		display: none;
	}
	.services-sec .resp-tabs-container h2.resp-tab-active .tab-selected {
		display: block !important;
	}
	.services-sec .tab-content .tab-right-text h2 {
		padding: 0 !important;
		border: 0;
	}
	.pilar-tabin-module h2.resp-accordion,
	.pilar-tabin-module h2.resp-accordion:first-child {
		border: 0px;
		background: #f5f8fb;
		border-bottom: 1px solid #dfe9f2 !important;
		border-top: 0px !important;
		padding: 15px;
	}
	.banner-tabin-bottom .page-center {
		padding: 0px !important;
	}
	.banner-tabin-bottom .resp-arrow {
		border-top: 12px solid #0a4675;
	}
	.banner-tabin-bottom h2.resp-tab-active {
		background: #0a4675 !important;
		color: #fff;
		padding: 15px !important;
	}
	.banner-tabin-bottom h2.resp-tab-active .resp-arrow {
		border-bottom: 12px solid #fff;
	}
	.banner-tabin-bottom .tab-title {
		font-size: 18px;
		line-height: 24px;
	}
	.pilar-tabin-module .resp-tab-content {
		padding: 20px 15px;
	}
	.tab-right-text h2 {
		font-size: 24px;
	}
	.pilar-tabin-module {
		margin-top: 0px;
	}
}
@media (max-width: 767px) {
    
    .working-row-four-main form#msform {
        max-width: 100%;
    }
    .working-row-four-main form#msform fieldset {
        padding: 20px;
    }
    .working-row-four-main .fs-title {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 22px;
    }
    .working-row-four-main form#msform fieldset
    {
        text-align :center;
    }
    .working-row-four-main form#msform .action-button.next, .working-row-four-main form#msform .action-button.submit, .working-row-four-main form#msform .action-button.previous
    {
        width: 166px;
        float: none;
        text-align: center;
        font-size: 16px;
    }
    .working-row-four-main form#msform fieldset input, .working-row-four-main form#msform fieldset textarea
    {
        text-align: left;
    }
    [data-tooltip]:before {
        right: 0px;
        margin-bottom: 5px;
        padding: 10px;
        font-size: 14px;
        line-height: 20px;
    }
    [data-tooltip]:after {
        right: 120px;
    }
	.child-trigger {
		height: 67px !important;
	}
	.custom-menu-primary.main-header-menu ul li a {
		display: block !important;
	}
	span.radio-mark {
		top: 4px;
	}
	.transformation-form-main .hs-form-booleancheckbox span {
		padding-top: 0px;
	}
	.services-inner .dp-service-top-icon {
		min-height: inherit;
		padding: 20px;
	}
	.services-inner.three-col-adjust div.hs_cos_wrapper {
		width: 100%;
		max-width: 379px;
		margin: 20px auto 0 !important;
		display: block;
	}
	.fw-bg h3 {
		font-size: 33px;
		line-height: 45px;
	}
	.services-inner.three-col-adjust div.hs_cos_wrapper h4 {
		font-size: 18px;
	}
	.services-inner.three-col-adjust div.hs_cos_wrapper p {
		font-size: 14px;
	}
	.services-inner.three-col-adjust div.hs_cos_wrapper:nth-child(3n) {
		margin-right: auto;
	}
	.row-two.services-section {
		margin-top: 40px;
	}
	.services-inner.three-col-adjust div.hs_cos_wrapper a.cta_button {
		font-size: 16px !important;
		padding: 13px 10px !important;
		display: block !important;
	}
	.term-form-left h1,
	.terms-texts h2 {
		font-size: 34px;
		line-height: 38px;
	}
	.btn-big {
		font-size: 23px;
	}
	.term-form-right h3 {
		color: #ffffff;
		font-size: 29px;
		line-height: 41px;
	}
	.home-lay .row-one-content h1 {
		font-size: 43px;
		line-height: 50px;
	}
	.cyber-main {
		padding: 40px 0 0;
	}
	.cyber-header h2 {
		font-size: 25px;
		line-height: 35px;
	}
	.transcription-sec h2 {
		font-size: 27px;
		padding-top: 25px;
	}
	.transcription-flex-col {
		padding: 25px 0 100px;
	}
	.question-sec-main .right-sec {
		width: 80%;
	}
	.question-sec-main .left-sec {
		width: 15%;
	}
	.answer-sec-main .left-sec {
		width: 15%;
	}
	.answer-sec-main .right-sec {
		width: 80%;
	}
	.question-sec-main .right-sec p {
		margin: 0;
		font-size: 16px;
		line-height: 25px;
	}
	.video-section {
		padding: 10px 0 20px;
	}
	.download-link {
		margin: 0 auto 20px !important;
	}
	.term-form-left {
		text-align: center;
	}
	.term-form-right {
		margin-bottom: 30px;
	}
	.team-page.home-lay .banner-section.banner-static {
		padding: 60px 0 120px;
		background-position: bottom !important;
		background-size: 100% !important;
		background-image: url("https://www.lancom.co.nz/hs-fs/hubfs/team-banner.png?width=1280&name=team-banner.png&t=1526449037404") !important;
		background-repeat: no-repeat !important;
	}
	.banner-static h1 {
		font-size: 35px;
		line-height: normal;
	}
	.banner-static p {
		font-size: 15px;
		line-height: 24px;
		max-width: 360px;
	}
	.main_team_section h1 {
		font-size: 30px;
		padding-top: 20px;
	}
	.main-leadership-sec h2 {
		font-size: 30px;
		padding-top: 20px;
	}
	.leader-image img {
		max-height: inherit;
		height: auto;
		width: 100%;
	}
	.leadership-module {
		min-height: inherit;
		overflow: inherit;
	}
	.leaership-flex-col span > div {
		margin-right: 18px;
		width: 48%;
		margin-bottom: 50px;
	}
	.leaership-flex-col span > div:nth-child(2n) {
		margin-right: 0 !important;
	}
	.leaership-flex-col span > div:nth-child(3n) {
		margin-right: 18px;
	}
	.leader-detail {
		padding: 10px 0 0;
		position: static;
		border: 0;
		transform: inherit !important;
	}
	.leader-detail p,
	.leader-detail {
		font-size: 14px;
		line-height: 24px;
	}
	.leader-description h3 {
		margin: 0 0 7px;
	}
	.main-leadership-sec {
		padding-bottom: 40px;
	}
	.team-section {
		max-width: 100%;
		height: auto;
		padding-top: 40px;
		margin-top: 0 !important;
	}
	.team-section span > div {
		position: static;
		max-width: 100% !important;
		display: inline-block;
		width: 32%;
		margin: 0 0 20px !important;
		vertical-align: top;
	}
	.new-team-lane > div {
		display: block;
		margin: 10px 0 !important;
		min-height: inherit;
	}
	.member-description {
		position: static;
		width: 100%;
		box-shadow: inherit;
		padding: 0;
		display: block !important;
		margin: 20px 0;
	}
	.main-leadership-sec {
		padding-bottom: 40px;
		padding-top: 50px;
	}
	.content {
		height: auto;
		max-width: 100%;
		overflow: inherit;
		width: 100% !important;
	}
	.term-form-left ul {
		padding: 0 6px 0 20px;
		text-align: left;
	}
	.mobile-leadership {
		display: block !important;
	}
	.mobile-leadership .main-leadership-sec {
		display: block !important;
	}
	.main-leadership-sec {
		display: none !important;
	}
	.main_team_section {
		margin-bottom: 50px;
		display: none !important;
	}
	.member-img img {
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
		height: auto;
		border-radius: inherit;
		border-radius: inherit;
	}
	.new-team-lane > div:nth-child(2n) img {
		height: 100%;
		width: 100%;
	}
	.new-team-lane > div:nth-child(3n) img {
		height: 100%;
		width: 100%;
	}
	.new-team-lane > div:nth-child(4n) img {
		width: 100%;
		height: 100%;
	}
	.new-team-lane > div:nth-child(5n) img {
		width: 100%;
		height: 100%;
	}
	.new-team-lane > div:last-child img {
		width: 100%;
		height: 100%;
	}
	.member-img img {
		transform: scale(1) !important;
		-webkit-transform: scale(1) !important;
	}
	.member-img img {
		height: auto !important;
		margin-bottom: 0;
		max-height: 180px;
	}
	.member-description p {
		font-size: 12px;
	}
	.service-page.home-lay .banner-section.banner-static {
		padding: 70px 0 !important;
		text-align: center;
		height: auto;
	}
	.span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
		padding: 0;
	}
	.services-outer-body {
		padding: 50px 0;
	}
	.services-tabbin-module {
		margin-top: 40px;
	}
	.services-sec .resp-tabs-container h2::before {
		display: none;
	}
	.services-sec .resp-tabs-container h2.resp-tab-active .tab-title {
		color: #fff;
	}
	.services-sec .resp-tabs-container h2.resp-tab-active {
		background: #0a4675 !important;
	}
	.services-sec h2.resp-tab-active span.resp-arrow {
		border-bottom: 12px solid #fff;
	}
	.services-sec .tab-content .tab-left-image {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.services-sec .tab-content .tab-right-text {
		display: block;
		width: 100%;
		text-align: center;
	}
	.services-sec .resp-tab-content {
		padding: 40px 0;
	}
	.services-outer-body {
		padding: 40px 0 0;
	}
	.image-left-right .span9.why-text {
		width: 100%;
		margin-top: 0px;
		text-align: center;
	}
	.image-left-right .span3.why-image {
		width: 100%;
		text-align: center;
	}
	.why-content-section span > div:nth-child(2n) .image-left-right .span3.why-image {
		text-align: center;
	}
	.image-left-right.span12 {
		padding-bottom: 30px;
		background-position: center 90%;
		background-image: none !important;
	}
	.why-content-section span > div:nth-child(2n) .image-left-right {
		padding-bottom: 30px;
	}
	.devolp-phase-flex-col .image-left-right .span3.why-image {
		text-align: center;
		width: 100%;
	}
	.devolp-phase-flex-col .image-left-right .span9.why-text {
		padding-left: 0;
		width: 100%;
		margin-top: 0;
	}
	.count {
		position: static;
		margin-right: 10px !important;
		vertical-align: middle;
	}
	.devolp-phase-flex-col .span9.why-text h4 {
		display: inline-block;
		vertical-align: middle;
	}
	.devolp-phase-flex-col::before {
		display: none;
	}
	.devolp-phase-flex-col {
		position: relative;
		padding: 20px 0 80px;
	}
	.devolp-phase-flex-col span > div:nth-child(2n) .image-left-right .why-text {
		padding-right: 0;
		text-align: center;
	}
	.devolp-phase-flex-col .image-left-right.span12 {
		padding-bottom: 20px;
		position: relative;
		padding-top: 20px;
	}
	.devolp-phase-flex-col span > div:first-child .image-left-right.span12::before {
		content: "";
		background: #20e4a2;
		top: 0;
		border-radius: 50px;
		position: absolute;
		left: 0;
		right: 0;
		height: 5px;
		max-width: 110px;
		margin: auto;
	}
	.heading-title h2 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.devolp-phase-flex-col .image-left-right .span3.why-image.desktop-image-why {
		display: none;
	}
	.image-left-right .span3.why-image.desktop-image-why {
		display: none;
	}
	.why-image-mobile {
		display: block !important;
	}
	.why-image-mobile img {
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.image-left-right .span3.why-image img {
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.devolp-phase-flex-col .image-left-right .why-image-mobile img,
	.devolp-phase-flex-col .image-left-right .why-image img {
		width: 100%;
		max-width: 370px;
	}
	.span3.why-image.slideInLeft {
		animation: none !important;
	}
	.span9.why-text.fadeInDown {
		animation: none !important;
	}
	.mobile-title {
		display: block !important;
		font-size: 22px;
	}
	.desk-title {
		display: none;
	}
	.span9.why-text p {
		margin: 0;
	}
	.team-page .why-image {
		opacity: 1;
	}
	.team-page .why-text {
		opacity: 1;
	}
	.count.desktop-count {
		display: none;
	}
	.title-process.mobile-process-title {
		display: block !important;
		font-size: 24px;
	}
	.title-process.desktop-process-title {
		display: none !important;
	}
	.cyber-header h1 {
		font-size: 26px;
		margin-bottom: 30px;
	}
	.service-page .banner-static p {
		max-width: 100%;
	}
	.sound-bar-module .sound-bar {
		max-width: 85%;
	}
	.aos-animate,
	.aos-init {
		transform: translate(0) !important;
		transition-duration: 0s !important;
		opacity: 1 !important;
	}
	.migration-banner {
		text-align: center;
	}
	.migration-banner.banner-static h1 {
		font-size: 30px;
		line-height: 36px;
		margin: 0 auto;
		max-width: 100%;
	}
	.transforming-left.span6,
	.transforming-right.span6 {
		display: inherit;
		width: 100%;
	}
	.transforming-left.span6 {
		padding: 30px 0px 50px;
	}
	.transforming-right.span6 {
		padding: 20px 10px;
	}
	.migration-banner.banner-static {
		padding: 50px 0px;
		background: #f5f8fb !important;
	}
	.expertise-sec-main {
		background: none;
		padding: 100px 0px;
	}
	.working-title-header h1,
	.eligible-header h2,
	.journey-content h2,
	.services-header h2,
	.customer-header-testimonial h1,
	.software-capability-header h2,
	.differentiation-header h2,
	.business-help-header h2,
	.journey-choice-sec h2,
	.hiring-process-main h2,
	.discover-header-main h2,
	.hiring-content h2,
	.cloud-benefits-header h2,
	.cloud-solution-header h2,
	.vodeo-sec-header h2,
	.working-rowthird-header h2,
	.working-rowfour-header h2,
    .our-customer-sec h2,
    .differentate-header-content h2, 
    .blog-main-list .first-header h2, 
    .testimonial-header h2
    {
		font-size: 24px;
		line-height: 30px;
	}
	.single-column-module {
		width: 100%;
		padding: 0px;
		margin-bottom: 50px;
	}
	.eligible-flex-col .hs_cos_wrapper_widget:last-child .single-column-module {
		margin-bottom: 0px;
	}
	.eligible-flex-col,
	.journey-choice-sec {
		display: inline-block !important;
		width: 100% !important;
	}
	.podcast-page .top-sec {
		padding-top: 40px;
	}
	.working-title-header .secondary-header,
	.journey-content p {
		max-width: 100%;
	}
	.transformation-form-main input,
	.transformation-form-main select,
	.journey-choice-sec .left-sec,
	.journey-choice-sec .right-sec,
	.services-flex-col .e-book-outer-div,
	.software-capability-flex .image-left-right-module,
	.software-capability-flex .left-sec,
	.business-flex-col .slick-slide-inner-wrapper .main-image {
		width: 100% !important;
	}
	.transformation-form-main select {
		background-position: calc(100% - 22px) calc(1em + 9px), calc(100% - 15px) calc(1em + 9px), calc(100% - 2.5em) 0.5em;
	}
	.software-develop-banner.banner-static p {
		font-size: 20px;
		line-height: 30px;
		margin-top: 10px;
	}
	.software-develop-banner.banner-section {
		height: auto;
		background: #f5f8fb !important;
	}
	.banner-section.software-develop-banner .banner-content {
		padding: 45px 0px 60px;
	}
	.journey-choice-sec .right-sec {
		margin-top: 40px;
		text-align: center;
	}
	.services-flex-col .hs_cos_wrapper_widget,
	.differentiation-flex-col .single-col-module {
		margin-bottom: 5%;
	}
	.services-flex-col .hs_cos_wrapper_widget {
		width: 100%;
	}
	.differentiation-flex-col .hs_cos_wrapper_widget:nth-child(3n) .single-col-module,
	.differentiation-flex-col .hs_cos_wrapper_widget:nth-child(5n) .single-col-module {
		margin-right: auto;
	}
	.software-capability-flex .left-sec,
	.software-capability-flex .right-sec,
	.business-flex-col .slick-slide-inner-wrapper .main-image,
	.business-flex-col .slick-slide-inner-wrapper .caption {
		display: inherit;
		text-align: center;
	}
	.differentiation-flex-col .single-col-module {
		height: auto;
		width: 211px !important;
		margin: 0px auto 5%;
		float: none;
		padding: 25px 20px 16px;
	}
	.software-capability-flex .right-sec h2 {
		font-size: 20px;
	}
	.software-capability-flex .image-left-right-module {
		margin-bottom: 60px;
	}
	.capability-cta a.cta_button,
	.business-flex-col .case-btn a {
		width: auto;
		padding: 0px 20px;
		font-size: 18px;
	}
	.differentiation-flex-col .single-col-module h2 {
		min-height: auto;
	}
	.business-flex-col .slick-slide-inner-wrapper .main-image {
		min-height: 250px;
	}
	.case-header h2 {
		font-size: 22px;
		line-height: 30px !important;
	}
	
	.content-top-sec .t-img {
		width: 35%;
	}
	.business-flex-col .slick-prev,
	.business-flex-col .slick-next {
		bottom: -30px;
	}
	.business-flex-col .slick-prev {
		left: 0;
	}
	.business-flex-col .slick-next {
		right: 0 !important;
	}
	.customer-content:before {
		left: -40px;
		width: 35px;
		height: 28px;
	}
	.banner-static.software-develop-banner h1 {
		font-size: 36px;
		line-height: 50px;
	}
	.banner-static.software-develop-banner h1 span {
		margin: 8px;
	}
	.banner-header h1:last-child {
		padding-right: 0px;
	}
	.banner-static.software-develop-banner h1:before {
		right: 7px;
	}
	.expertise-content.partner-video {
		padding-top: 50px;
	}
	.journey-choice-sec .mobile-img {
		display: block !important;
		margin-bottom: 40px;
		text-align: center;
	}
	.journey-choice-sec .mobile-img img {
		max-width: 70%;
	}
	.journey-choice-sec .desk-image {
		display: none;
	}
	.customer-testimonials-sec {
		padding: 50px 0px 30px;
	}
	.customer-testimonial-mdule p {
		font-size: 14px !important;
		line-height: 24px;
	}
	@media screen and (max-device-width: 480px) {
		.customer-testimonials-sec {
			-webkit-text-size-adjust: none;
		}
	}
	.software-capability-flex .right-sec {
		padding: 20px 0px 0;
	}
	.our-values-main .customer-testimonial-mdule {
		padding: 90px 20px 50px;
		margin: 0px;
		box-shadow: none;
		border: 1px solid rgba(0, 0, 0, 0.08);
		height: 350px;
	}
	.our-values-main .customer-img.left-sec {
		width: auto;
		left: 0;
		right: 0;
		text-align: center;
		margin: 0;
		top: -60px;
	}
	.our-values-main .customer-testimonial-mdule p,
	.our-values-main .customer-testimonial-mdule {
		font-size: 15px !important;
		line-height: 35px !important;
	}
	.slick-slide {
		padding-top: 60px;
	}
	.testimonial-flex-col .slick-slide {
		padding-top: 10px;
	}
	.our-values-main .customer-img.left-sec img {
		width: 110px;
		margin: 0 auto;
	}
	.testimonial-flex-column .slick-dots {
		margin-left: 0 !important;
	}
	.testimonial-flex-column .slick-dots,
	.testimonial-flex-column .slick-prev,
	.testimonial-flex-column .slick-next {
		bottom: 25px;
	}
	.testimonial-flex-column .slick-prev {
		left: 25%;
	}
	.testimonial-flex-column .slick-next {
		right: 27%;
	}
	.testimonial-flex-column .customer-profile h4 {
		line-height: 24px;
	}
	.hiring-content p,
	.our-values-main .make-us-content p {
		max-width: 100%;
	}
	.testimonial-flex-column .slick-dots {
		padding-left: 0px !important;
	}
	.hiring-sec-main {
		width: 100%;
	}
	.hiring-hover {
		min-height: auto;
	}
	.banner-with-video-sec {
		min-height: 250px;
	}
	.banner-with-video-sec .banner-content h1 {
		font-size: 30px;
		margin-top: 5px;
	}
	.banner-with-video-sec .banner-content p {
		padding: 20px 0 0;
		font-size: 24px;
	}
	.banner-with-video-sec .play-btn img {
		max-width: 60px;
	}
	.banner-with-video-sec .page-center {
		top: 8%;
		position: static;
	}
	.discover-module {
		width: 100%;
		margin-right: 0;
		max-width: 100%;
		margin-bottom: 0px;
	}
	.discover-flex-col {
		display: inline-block !important;
		;
	}
	.left-header {
		width: 76%;
	}
	.discover-module .header-main-sec h2 {
		font-size: 18px;
		line-height: 22px;
	}
	.discover-main-sec {
		padding: 80px 0px 30px;
	}
	.banner-with-video-sec .banner-content {
		padding-top: 0px;
	}
	.banner-with-video-sec {
		padding: 50px 0 40px;
	}
	.flex-col-main .single-column-module {
		margin-bottom: 0px;
	}
	.hiring-process-main {
		padding: 50px 0px 50px;
	}
	.software-capability-flex .hs_cos_wrapper_widget {
		width: 100%;
	}
	.pillar-page.home-lay .banner-section.banner-static,
	.working-backwards-page.home-lay .banner-section.banner-static {
		padding: 60px 0;
		text-align: center;
		background: #f5f8fb !important;
	}
	.working-backwards-page .banner-section.banner-static h1 + span {
		max-width: 100%;
	}
	.pillar-page .banner-section.banner-static p {
		max-width: 100%;
		font-size: 23px;
	}
	.working-backwards-page .banner-section.banner-static p {
		font-size: 24px;
		max-width: 100%;
		line-height: 32px;
	}
	.pillar-page .banner-section.banner-static h1,
	.working-backwards-page .banner-section.banner-static h1 {
		font-size: 30px;
		line-height: 30px;
		max-width: 100%;
	}
	.working-backwards-page .banner-section.banner-static h1
	{
	    margin-bottom: 15px;
	}
	.span6.cloud-solution-left,
	.span6.cloud-solution-right,
	.span6.tab-left-image,
	.span6.tab-right-text {
		display: inherit;
		float: left;
		width: 100%;
	}
	.cloud-solution-sec .learn-more-cta a {
		font-size: 16px;
		padding: 12px 10px;
	}
	.cloud-banner-sec {
		padding-bottom: 0px;
	}
	.cloud-solution-left {
		padding-right: 0px;
	}
	.cloud-solution-content .single-column-module {
		margin-bottom: 50px;
	}
	.cloud-solution-right {
		padding: 50px 20px;
	}
	.pillar-page .main-div-sec {
		padding-bottom: 0px;
		background: none;
	}
	.tab-left-image {
		text-align: center;
	}
	.tab-right-text {
		padding-left: 0px;
		margin-top: 20px;
	}
	.cloud-solution-sec.working-rwosec-main {
		padding: 0px;
	}
	.working-rowthird-flex-col .hs_cos_wrapper_widget {
		width: 100%;
		margin-bottom: 50px;
	}
	.working-rowthird-flex-col .hs_cos_wrapper_widget:last-child {
		margin-bottom: 0px;
	}
	.working-rowthird-flex-col {
		background: none;
		padding-bottom: 0px;
	}
	.working-rowthird-flex-col .content-sec {
		position: static;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		visibility: visible;
		opacity: 1;
		background: transparent;
		max-width: 300px;
		margin: 20px auto 0px;
		text-align: center;
	}
	.working-rowthird-flex-col .content-sec:before {
		display: none;
	}
	.working-rowthird-flex-col .main-sec-image {
		height: 209px;
		width: 209px;
		line-height: 130px;
	}
	.working-rowthird-flex-col .main-sec-image:before {
		height: 235px;
		width: 235px;
	}
	.working-rowthird-flex-col .single-column-module {
		margin-bottom: 0px;
	}
	.span6.working-fourth-left,
	.span6.working-fourth-right {
		display: inherit;
		float: left;
		width: 100%;
	}
	.working-fourth-right h2 {
		font-size: 30px;
	}
	.working-fourth-right {
		margin-top: 30px;
	}
	.working-backwards-page .cloud-solution-right h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.banner-color-sec.menu-list-main {
		display: none;
	}
	.tabin-sec .tab-content {
		padding: 60px 10px 80px;
	}
    .working-backwards-page .cloud-solution-header {
        padding-top: 80px;
    }
    .main-sec-image .top-image, .main-sec-image .title-sec {
        display: inherit;
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
    }
    .cloud-solution-content .single-column-module img
    {
        width: 60px;
    }
    .cloud-solution-left .content-sec p
    {
        text-align: center;
        line-height: 25.2px;
    }
    .main-sec-image .top-image
    {
        margin-bottom: 20px;
    }
    .working-fourth-left img
    {
        max-width: 220px;
    }
    .tab-right-text h2
    {
        display: none;
    }
    .mobile-cloud-header h2
    {
        text-align: left;
        margin-bottom: 30px;
        font-size: 24px;
    }
    .mobile-cloud-header
    {
        display: block !important;
    }
    .cloud-benefits-flex-col .hs_cos_wrapper_widget
    {
        padding: 0px;
    }
    .previous.left-arrow, .next.right-arrow
    {
        float: left;
    }
    .pillar-page .banner-section.banner-static p, .working-backwards-page .banner-section.banner-static p 
    {
        line-height: 30px;
    }
    .tab-right-text a.cta_button span {
        font-size: 14px !important;
    }
    .tab-right-text a.cta_button, .cloud-solution-sec .learn-more-cta a
    {
        line-height: 20px;
    }
    .pillar-module-main h2 {
        font-size: 18px;
        line-height: 25.2px;
    }
    .tab-right-text p,
    .cloud-solution-header p,
    .pillar-module-main .content p,
    .pillar-module-main .content,
    .pillar-page .working-title-header p,
    .working-backwards-page .banner-section.banner-static h1 + span,
    .cloud-solution-right p,
    .working-rowfour-header p,
    .working-fourth-right p {
    	line-height: 24px;
    }
    .customer-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text,  .new-blog-page .span12.widget-span.widget-type-cell.banner-section.banner-static .banner-text {
        padding: 70px 30px;
        text-align: center;
    }
    .customer-page .banner-static p, .new-blog-page .banner-static p {
        margin: 15px auto 0px;
        max-width: 100%;
    }
    .customer-page .banner-section.banner-static, .new-blog-page .banner-section {
        height: auto;
    }
    .customer-page .banner-static h1, .new-blog-page .banner-static h1 {
        font-size: 36px;
    }
    .customer-flex-col .hs_cos_wrapper_widget {
        height: 290px;
        width: 100%;
        max-width: 290px;
        float: none;
        margin: 0px auto 20px !important;
    }
    .recent-work-main .case-header h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .recent-work-main .case-content p {
        font-size: 18px;
        line-height: 26px;
    }
    .working-title-header p.secondary-header:after
    {
        display: none;
    }
    .differentate-header-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .customer-differentiate .f1_container:hover .back.face 
    {
        padding: 0px 15px 20px;
    	transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
    }
    .blog-main-list .blog-section .post-listing .post-item {
        width: 100%;
    }
    .blog-main-list
    {
        padding-top: 0px;
    }
    .blog-main-list .hs-featured-image-wrapper {
        height: auto;
    }
    .blog-main-list .blog-section .post-listing .post-item
    {
        margin-bottom: 20px;
    }
    .testimonial-content-wrapper {
        padding: 40px;
    }
    .simple-text-content p i {
        display: none;
    }
    .blog-main-list .blog-pagination a
    {
        margin-bottom: 10px;
    }
    .hrv-header-title h1 {
        font-size: 30px;
    }
    .hrv-header-title h1 br
    {
        display: none;
    }
    .back-story-header h2, .second-sec-header h2, .fourth-sec-header h2 {
        font-size: 24px;
    }
    .story-first-sec, .story-second-sec {
        margin-top: 20px;
    }
    .banner-static.first-row-story p {
        line-height: 25px;
    }
    .banner-static.first-row-story {
        padding: 60px 0 80px;
    }
    .span6.left-banner-sec, .span6.situation-right-sec, .span8.testimonial-content, .span2.testimonial-image, .span2.testimonial-description {
        display: inherit;
        float: left;
        width: 100% !important;
    }
    .span6.left-banner-sec {
        padding-right: 0px;
        padding-top: 0px;
        margin-bottom: 20px;
    }
    .situation-first-content p strong {
        font-size: 18px;
    }
    .span12.situation-sec-content {
        width: 100%;
        margin: 20px 0px !important;
        padding: 30px;
    }
    .span12.situation-sec-content:before {
        left: 42%;
        righT: auto;
    }
    .span12.solution-first-content {
        width: 100%;
        margin-left: 0px !important;
        margin-top: 60px;
    }
    .span12.solution-first-content, .span8.testimonial-content {
        padding: 30px;
    }
    .span12.solution-first-content:before {
        top: -40px;
        left: 45%;
        border-color: transparent transparent #0a4675 transparent;
    }
    .span12.solution-sec-content {
        padding: 20px;
        margin-top: 20px !important;
    }
    .result-sec-main {
        padding: 70px 0px 70px;
    }
    .span8.testimonial-content:before {
        top: auto;
        right: auto;
        border-color: #0a4675 transparent transparent transparent;
        bottom: -40px;
        left: 42%;
    }
    .span2.testimonial-image {
        padding: 0;
        text-align: center;
        margin: 30px 0px;
    }
    .testimonial-image img {
        width: 70px !important;
        height: 70px;
    }
    .testimonial-description
    {
        text-align: center;
    }
    .testimonial-description h4 {
        font-size: 18px;
    }
    .testimonial-description p:nth-child(2) 
    {
        font-size: 14px;
    }
    .footer-container-wrapper
    {
        display: inline-block;
        width: 100%;
    }
    .thank-video, .thank-text
  	{
        width: 100%;
    }
  	.thank-video, .thank-right .thank-video
  	{
      	text-align: center;
  	}
    .thank-right .thank-text, .thank-text {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 639px) {
	.cloud-benefits-flex-col .hs_cos_wrapper_widget {
		width: 100%;
	}
	.home-lay .row-three {
		margin-top: 0;
	}
	.fw-bg h3 {
		font-size: 26px;
		line-height: 38px;
	}
	.fw-bg p {
		font-size: 21px;
		line-height: 26px;
	}
	.home-lay .row-one-content h1 {
		font-size: 32px;
		line-height: 62px;
	}
	.question-sec-main .left-sec {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.question-sec-main .right-sec {
		width: 100%;
	}
	.question-sec-main .right-sec p {
		font-size: 15px;
	}
	.answer-sec-main .left-sec {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.answer-sec-main .right-sec {
		width: 100%;
	}
	.answer-sec-main .right-sec p {
		font-size: 15px;
		line-height: 25px;
	}
	.transcription-flex-col {
		padding: 70px 0 70px;
	}
	.date-time-sec ul li {
		padding: 0 8px;
	}
	.term-form-left h1,
	.terms-texts h2 {
		font-size: 25px;
		line-height: 28px;
	}
	.terms-notes p {
		font-size: 11pt;
		line-height: 25px;
	}
	.terms-notes h3 {
		font-size: 18px;
	}
	.term-form-left li {
		font-size: 16px;
		line-height: 30.4px;
		padding-bottom: 10px;
	}
	.home-lay .row-one-content p,
	.term-form-left p {
		font-size: 16px;
		line-height: 28px;
	}
	.row-one-content.new-row-first {
		padding-bottom: 25px;
	}
	.term-form-left p {
		margin-bottom: 24px;
	}
	.home-lay .row-one-content h1 {
		font-size: 25px;
		line-height: 22px;
	}
	.terms-texts li {
		font-size: 16px;
		line-height: 28px;
		color: #0a4672;
	}
	.terms-notes {
		margin-bottom: 30px;
	}
	.fw-bg::before {
		top: -48px;
		width: 140px;
		background-size: 100%;
	}
	.term-form-right {
		margin-bottom: 20px;
	}
	.transcription-sec h2 {
		margin-bottom: 30px;
	}
	.date-time-sec ul {
		margin: 15px 0 20px;
	}
	.team-page.home-lay .banner-section.banner-static {
		padding: 40px 0 20px;
		text-align: center;
		background-image: none !important;
	}
	.main_team_section {
		padding-top: 0;
	}
	.banner-static p {
		max-width: 100%;
	}
	.banner-static h1 {
		font-size: 30px;
	}
	.team-section {
		padding-top: 10px;
	}
	.team-section span > div {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		margin: 0 !important;
	}
	.main-leadership-sec {
		padding-bottom: 20px;
		padding-top: 30px;
	}
	.main-leadership-sec h2 {
		font-size: 25px;
		padding-top: 20px;
	}
	.main_team_section h1 {
		font-size: 25px;
		padding-top: 20px;
	}
	.member-description h2 {
		font-size: 18px;
	}
	.member-description p {
		font-size: 14px;
	}
	.leaership-flex-col span > div {
		margin-right: 0;
		width: 100%;
		margin-bottom: 50px;
	}
	.leaership-flex-col span > div:nth-child(3n) {
		margin-right: 0;
	}
	.why-content-section {
		padding: 40px 0 80px;
	}
	.why-content-section span > div:nth-child(2n) .image-left-right {
		padding-bottom: 20px;
	}
	.image-left-right.span12 {
		padding-bottom: 20px;
	}
	.services-sec h2 {
		font-size: 25px;
		padding-top: 25px;
	}
	.services-tabbin-module {
		margin-top: 30px;
	}
	.services-outer-body {
		padding: 30px 0 0;
	}
	.services-sec .tab-content .tab-right-text h2 {
		line-height: 30px;
		font-size: 20px;
	}
	.services-sec .tab-content .tab-right-text p {
		margin: 12px 0 0;
		font-size: 15px;
		line-height: 25px;
	}
	.services-sec .tab-content .tab-right-text a {
		font-size: 15px;
		padding: 11px 20px;
	}
	.service-page.home-lay .banner-section.banner-static {
		padding: 50px 0;
		text-align: center;
	}
	.service-page .banner-static h1 {
		font-size: 27px;
		line-height: 35px;
	}
	.span9.why-text h2 {
		font-size: 22px;
	}
	.span9.why-text p {
		line-height: 28px;
		font-size: 15px;
	}
	.heading-title h2 {
		font-size: 25px;
		margin-bottom: 0;
	}
	.transcription-flex-col h2 {
		padding-top: 20px;
		font-size: 30px;
	}
	.new-team-lane > div {
		margin: 0px 5px !important;
		min-height: inherit;
		display: inline-block;
		width: 47%;
	}
	.member-description {
		margin: 20px 0;
	}
	.why-content h2 {
		padding-top: 25px;
		font-size: 25px;
	}
	.services-sec .tab-content .tab-left-image img {
		max-width: 280px;
	}
	.services-sec .tab-content .tab-right-text h2 {
		padding: 0 !important;
	}
	.services-sec .resp-tabs-container .resp-tab-content-active {
		animation: none !important;
	}
	.devolp-phase-flex-col .image-left-right.span12 {
		padding-bottom: 0px;
		padding-top: 50px;
	}
	.devolp-phase-flex-col span > div:first-child .image-left-right {
		padding-top: 40px;
	}
	.cyber-header h1 {
		font-size: 22px;
		margin-bottom: 20px;
		line-height: 32px;
	}
	.member-img img {
		max-height: inherit;
	}
	.podcast-page .wistia_responsive_padding {
		margin: 20px 0 30px;
	}
	.podcast-page .second-sec-main {
		padding: 40px 0;
	}
	.podcast-page .second-sec-img {
		padding: 10px;
		margin-bottom: 20px;
	}
	.sound-bar-module .sound-bar {
		max-width: 80%;
	}
	.sound-bar-module .play-button-images {
		margin-right: 10px !important;
	}
	.testimonial-flex-column span > div {
		border: 1px solid rgba(0, 0, 0, 0.08);
	}
	.our-values-main .customer-testimonial-mdule {
		border: 0px solid rgba(0, 0, 0, 0.08);
		height: auto;
		padding-top: 0;
	}
	.our-values-main .customer-img.left-sec {
		position: static;
		display: block;
		margin-bottom: 30px;
	}
	.discover-flex-col span > div {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		display: block;
	}
	.banner-with-video-sec .banner-content {
		padding-top: 30px;
	}
	.flex-col-main .single-column-module .content-sec {
		position: static;
		opacity: 1;
		visibility: visible;
		background: #fff;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	.flex-col-main .single-column-module {
		margin-bottom: 20px;
	}
	.flex-col-main .single-column-module .content-sec:before {
		display: none;
	}
	.banner-with-video-sec {
		min-height: 300px;
	}
  .contact-form form
	{
  	max-width: 100%;
  }
}
@media (max-width: 479px) {
	.tabin-sec .resp-tabs-list li {
		width: 100%;
	}
	.banner-with-video-sec .banner-content {
		padding-top: 0px;
	}
	.row-two.services-section {
		margin-top: 60px;
	}
	.main-content-new {
		padding: 20px 0 40px;
	}
	.services-inner.three-col-adjust div.hs_cos_wrapper a.cta_button {
		font-size: 14px !important;
	}
	.row-one-content img {
		float: none !important;
		margin: 0 !important;
	}
	.home-lay .row-one-content p:nth-child(3) {
		margin: 0;
	}
	.home-lay .row-one-content p,
	.term-form-left p {
		font-size: 15px;
		line-height: 25px;
	}
	.term-form-left h1,
	.terms-texts h2 {
		font-size: 24px;
		line-height: 31px;
	}
	.btn-big {
		font-size: 14px;
	}
	.fw-bg h3 {
		font-size: 22px;
		line-height: 31px;
	}
	.term-form-right h3 {
		font-size: 23px;
		line-height: 36px;
	}
	.home-lay .row-one-content h1 {
		font-size: 23px;
		line-height: 39px;
	}
	.term-form-right input,
	.term-form-right select {
		font-size: 12px;
	}
	.term-form-right select {
		background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	}
	.cyber-header h2 {
		font-size: 20px;
		line-height: 30px;
	}
	.date-time-sec ul li {
		padding: 0 8px 10px;
	}
	.date-time-sec ul {
		margin: 10px 0 12px;
	}
	.download-link {
		margin: 0 auto 20px !important;
	}
	.transcription-sec h2 {
		font-size: 24px;
		padding-top: 22px;
	}
	.cyber-main {
		padding: 30px 0px 20px;
	}
	.banner-static h1 {
		font-size: 22px;
	}
	.team-section span > div {
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}
	.leaership-flex-col {
		padding-top: 50px;
	}
	.leaership-flex-col span > div:last-child {
		margin-bottom: 40px;
	}
	.term-form-left ul {
		padding: 0px 0px 0px 15px;
	}
	.heading-title h2 {
		font-size: 22px;
		margin-bottom: 0;
	}
	.devolp-phase-flex-col {
		padding: 0px 0 70px;
	}
	.devolp-phase-flex-col .span9.why-text h4 {
		display: block;
		margin-left: 0;
	}
	.new-team-lane > div {
		display: block;
		width: 100%;
	}
	.why-content-section .image-left-right img {
		max-width: 230px;
	}
	.services-sec .tab-content .tab-left-image img {
		max-width: 240px;
	}
	.new-team-lane > div {
		margin: 0px 0 0 !important;
	}
	.tabing-image {
		margin-bottom: 15px;
	}
	.tabing-image img {
		max-width: 50px;
	}
	.title-process.mobile-process-title {
		font-size: 20px;
	}
	.devolp-phase-flex-col .span9.why-text h4 {
		font-size: 20px;
	}
	.member-img img {
		height: auto !important;
	}
	.sound-bar-module .play-button-images {
		max-width: 11%;
	}
	.banner-static.software-develop-banner h1 {
		font-size: 36px;
		padding-right: 0;
		display: block;
		line-height: 50px;
	}
	.banner-static.software-develop-banner h1:before {
		display: none;
	}
	.banner-static.software-develop-banner h1 span {
		height: 0;
		width: 0;
		display: block;
		margin: 0;
	}
	.our-values-main {
		padding: 45px 0px 77px;
	}
	.fancybox-content {
		height: auto !important;
	}
	.mobile-cloud-header h2
	{
	    text-align: center;
	}
	.working-row-four-main form#msform, .working-row-four-main form {
        min-height: 620px;
	}
	.testimonial-content-wrapper {
        padding: 20px;
        margin-top: 20px;
    }
    .testimonial-image-two {
        display: none !important;
    }
    .right-section p:first-child {
        font-size: 20px;
    }
    .right-section {
        padding-left: 10px;
    }
    .left-section img
    {
        max-width: 55px;
    }
    .right-section p img {
        max-width: 20px;
    }
    .right-section p:last-child {
        font-size: 13px;
    }
    .testimonial-section-outer
    {
        padding-bottom: 70px;
    }
}
/*=================================29-5-2018=================================*/

.sound-bar-module .play-button-images {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	position: relative;
}
.sound-bar-module .sound-bar {
	display: inline-block;
	vertical-align: middle;
}
.sound-bar-module .play-button-images img {
	transition: all 0.3s;
}
.sound-bar-module img.play_btn.play_btn_hover {
	position: absolute;
	top: 0;
	left: 0;
}
.sound-bar-module .play-sound-sec:hover img.play_btn,
.sound-bar-module img.play_btn.play_btn_hover {
	opacity: 0;
	visibility: hidden;
}
.sound-bar-module .play-sound-sec:hover img.play_btn.play_btn_hover {
	opacity: 1;
	visibility: visible;
}
.play-sound-sec {
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14);
	padding: 30px 0px;
	margin-bottom: 40px;
}
.this-front .face.back .content {
	height: auto !important;
}
/*
.this-front .face.back
{
    overflow-y: scroll;
}

.this-front .face.back::-webkit-scrollbar {
    width: 5px;
}
.this-front .face.back::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
}
 
.this-front .face.back::-webkit-scrollbar-thumb {
  background-color: #1dd294 !important;
  outline: 1px solid rgba(0,0,0,0.01) !important;
}
.this-front .face.back::-moz-scrollbar {
    width: 5px;
}
.this-front .face.back::-moz-scrollbar-track {
    background: rgba(255, 255, 255, 0.4);
}
 
.this-front .face.back::-moz-scrollbar-thumb {
  background-color: #1dd294 !important;
  outline: 1px solid rgba(0,0,0,0.01) !important;
}
*/

@media (min-width: 1200px) and (max-width: 1599px) {
	.fancybox-content {
		width: 60% !important;
		height: 470px !important;
	}
}
@media (max-width: 1599px) {
	.testimonial-image-two .span12.page-center {
        max-width: 95%;
	}
	.testimonial-image-two {
        margin-top: -200px;
	}
}
@media (min-width: 1600px) {
	.fancybox-content {
		width: 50% !important;
		height: 535px !important;
	}
}