/*!
* IE10 viewport hack for Surface/desktop Windows 8 bug
* Copyright 2014-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

/*
* See the Getting Started docs for more information:
* http://getbootstrap.com/getting-started/#support-ie10-width
*/
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

html, body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

body {
	background-color: #000000;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(164,104,41,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(164,104,41,0.3);
	background-color: #0d87c2;
}

.finance-body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(93,189,115,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.finance-body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(93,189,115,0.3);
	background-color: #5dbd73;
}

* {
	font-family: 'Poppins', san-serif;
}

body {
	background-color: #f7f7f7;
}

hr {
	margin: 0px 0px 0px 0px;
	border: 0px solid #d5d5d5;
	display:inline-block;
}

.finance-bumper {
	background-color: #003f5a!important;
}

.finance-bumper-alt {
	background-color: #ffffff!important;
}

.bumper {
	width: 100%;
	padding: 70px 0px;
}

.bumper:nth-child(odd) {
	background-color: #ebf6f7;
	margin-bottom: 0px;
	background-position: center center;
	background-size: cover;
}

.bumper:nth-child(even) {
	background-color: #ffffff;
	margin-bottom: 0px;
	background-position: center center;
	background-size: cover;
}

.bumper-team {
	padding-top: 40px;
	background-color: #003f5a;
}

.list-inline > li {
	padding-left: 2px;
	padding-right: 2px;
}

.nav-pills {
	width: 90%;
	margin: 10px auto;
}

.nav-pills > li > a {
	margin: 10px 15px 0 15px;
	border-radius: 5px;
	background-color: transparent;
	border: 2px solid #5cbd73;

}

.nav-pills > li > a:focus {
	color: #ffffff;
	background-color: #22b24c;

}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: #ffffff;
	background-color: #5cbd73;
}

.heightspacer {
	height: 20px;
}

.finance-product h4{
	padding-bottom:0px;
}

.nopadding {
	padding: 0;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.row-eq-height > div {
	margin: auto;
}

.row-eq-height h4 {
	font-size: 20px;
	font-weight: 700;
	color:#fff;
}

.pop-up h4{
	padding-bottom:0px;
	margin-bottom: 5px;
	color:#fff;
}

.pop-up p{
	color:#fff;
}

.finance-product p{
	color:#c7c7c7;
	font-size:11pt;
}

.resize {
	width: auto;
	max-width: 100%;
}

.finance-product .resize {
	width:100%;
	max-width: 180px;
	padding-bottom: 2pc;
}

.guide img{
	-webkit-filter: drop-shadow(0px 0px 35px #1e5861);
	filter: drop-shadow(0px 0px 35px #1e5861);
}

.names p{
	color:#292725!important;
	display:inline-block!important;
	padding: 0px !important;
}

.intouch h1 {
	margin-top:0px!important;
}

.intouch-download {
	padding-bottom: 15px;
}

.intouch-download p{
	width: 90%;
	margin: 0 auto;
}

.arrow-svg {
	width:36px;
	max-width:36px;
}

.icon-svg {
	vertical-align: middle;
	height: 22px;
}

.icons-social {
	margin-right: 10px;
	margin-bottom: 5px;
}

.icons-social:hover {
	color: #43c7f1;
}


.front, .back {
	display: block;
	border-radius: 0;
	background-position: center;
	background-size: cover;
	text-align: center;
	justify-content: left;
	align-items: center;
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: ease-in-out 600ms;
}

.front {
	background-size: cover;
	padding: 2rem;
	font-size: 1.618rem;
	font-weight: 600;
	color: #fff;
	overflow: hidden;
}

.front:before {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .25;
	z-index: -1;
}


.card {
	color: inherit;
	cursor: pointer;
	width: 95%;
	min-width: calc(25% - 2rem);
	height: 400px;
	min-height: 400px;
	perspective: 1000px;
	margin: 1rem;
	position: relative;
}

.card:hover .front {
	transform: rotateY(180deg);
}

.card:nth-child(even):hover .front {
	transform: rotateY(-180deg);
}

.back {
	transform: rotateY(-180deg);
	padding: 0 2em;
	color:#fff;
	padding:5%;
}

.card:hover .back {
	transform: rotateY(0deg);
}

.card:nth-child(even) .back {
	transform: rotateY(180deg);
}

.card:nth-child(even):hover .back {
	transform: rotateY(0deg);
}

.pulledin1, .pulledin2, .pulledin3, .pulledin4, .pulledin5, .pulledin6 {
	bottom: 18px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}



#featureblock1 {
	background-image: url("../img/featureblock1.jpg");
	background-position: center;
	background-size: cover;
	padding: 0 1%;
	width: 100%;
}

#featureblock2 {
	background-image: url("../img/featureblock2.jpg");
	background-position: center;
	background-size: cover;
	padding: 0 1%;
	width: 100%;
}

#featureblock3 {
	background-image: url("../img/featureblock3.jpg");
	background-position: center;
	background-size: cover;
	padding: 0 1%;
	width: 100%;
}

#featureblock4 {
	background-image: url("../img/featureblock4.jpg");
	background-position: center;
	background-size: cover;
	padding: 0 1%;
	width: 100%;
}

#featureblock5 {
	background-image: url("../img/featureblock5.jpg");
	background-position: center;
	background-size: cover;
	padding: 0 1%;
	width: 100%;
}

#featureblock6 {
	background-image: url("../img/featureblock6.jpg");
	background-position: center;
	background-size: cover;
	padding: 0 1%;
	width: 100%;
}

.blockone, .blocktwo, .blockthree, .blockfour, .blockfive, .blocksix {
	background-color: #5dbd73;
	outline: 0px solid #5dbd73;
	color: #ffffff;
	padding: 5%;
}

.blockone p, .blocktwo p, .blockthree p, .blockfour p, .blockfive p {
	color: #ffffff;
}

.finance-logo {
	width: 130px !important;
	float: right;
	padding: 15px;
}

footer {
	color: #ffffff;
	font-size: 9pt;
	vertical-align: middle;
}

.icons {
	background-color: #003f5a!important;
}

.experts {
	padding-bottom:0px!important;
}


.resize {
	width: auto;
	max-width: 100%;
}

a {
	color: #003f5a;
	text-decoration: none;
	font-weight: bold;
}

li a {
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
}

a:hover {
	color: #292725;
}


.dropdown-menu {
	padding: 0px 0px;
	border:0px!important;
}

.dropdown-menu li{
	margin: 0px 0px;
	color: #ffffff;
}

.dropdown-menu>li>a {
	display: block;
	padding: 10px 10px;
	clear: both;
	font-size: 14px;
	font-weight: 600;
	line-height: 2;
	background-color: #5dbd73!important;
	color: #ffffff!important;
	white-space: nowrap;
}

.dropdown-menu .dd-two {
	background-color: #0c7bb1!important;
	border-top:0px solid rgba(255, 255, 255,0.5);;
}

.dropdown-menu .dd-three {
	background-color: #0d6996!important;
	border-top:0px solid rgba(255, 255, 255,0.5);;
}

.finance-body .dropdown-menu .dd-two {
	background-color: #41a358!important;
}

.finance-body .dropdown-menu .dd-three {
	background-color: #2b8b41!important;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.non-print {
	float:none;
	margin: 0 auto;
}

.non-print img{
	width:100%;
	max-width: 400px;
	display:block;
	margin: 0 auto;
}

.jumbotron {
	margin-bottom: 0px;
	background-position: center center;
	background-size: cover;
	padding-top: 7%;
	padding-bottom: 7%;
	background-color: #003f5a;
}

.jumbotron h1 {
	font-size: 90px;
}

#hero1 {
	width: 100%;
	height: 100%;
	animation: breath 12s linear infinite;
	background-image: url("../img/hero1.jpg");
}

#hero-finance {
	width: 100%;
	height: 100%;
	animation: breath 12s linear infinite;
	background-image: url("../img/finance-hero.jpg");
}

@keyframes breath {
	0%   { background-size: 110% auto; }
	50% { background-size: 140% auto; }
	100% { background-size: 110% auto; }
}

.intouch, .services-logo {
	margin-top: 30px;
}

p {
	padding: 10px;
	font-size: 12pt;
}

.glyphicon {
	font-size: 24pt;
}

.service-btninverse.focus, .service-btninverse:focus, .service-btninverse:hover {
	color: #ffffff;
}

.btn {
	margin: 5px 5px 30px 5px;
}

.spacer {
	padding: 15px;
	text-align: left;
}

.list-inline > li {
	padding-left: 2px;
	padding-right: 2px;
}

.videocontainer {
	margin: 0 auto;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	max-width:400px;
}

.youtube-player {
	position: relative;
	height: 220px;
	overflow: hidden;
	max-width: 100%;
	background: none;
	margin: 5px;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 114%;
	width: 114%;
	position: absolute;
	right: 0;
	top: -44px;
	left:-50px;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}

.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}


.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("../img/play-btn.png") no-repeat;
	cursor: pointer;
}

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from { bottom:-100px; opacity:0 } 
	to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
	from{ bottom:-100px; opacity:0 } 
	to{ bottom:0; opacity:1 }
}

/*
.navbar {
height: 70px;

}

.navbar-right {
padding: 10px;
}

*/

.navbar {
	min-height: 95px;
}
.navbar-brand {
	padding: 0;
}



.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default {
	background: rgba(0, 63, 90, 0);
	border: 0;
	padding: 15px 0px 10px 0px;
}

.navbar-fixed-top { 
	background-color: rgba(0, 63, 90, 0);transition: background-color 0.5s ease 0s;
}

.navbar-fixed-top.opaque {
	background-color: rgba(0, 63, 90, 0.95);transition: background-color 0.5s ease 0s;
}

.navbar-fixed-top.opaque #mainlogo {
	background-image: url("../img/logo-strip.png");
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}

.container>.navbar-header {
	border:0px;
}

.navbar-fixed-top .navbar-nav > li > a {
	color: #ffffff;
	padding-top: 25px 15px 15px 15px;
}

.navbar-default .navbar-nav > li > a {
	font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: rgba(13,135, 194, 0.8);
}

.finance-body .navbar-default .navbar-nav > li > a:hover,
.finance-body .navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: rgba(93, 189, 115, 0.8)!important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: #ffffff;
}

#mainlogo {
	background-image: url("../img/logo-strip.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 184px;
	height: 0;
	padding-top: 34.96%;
}

#mainlogo-finance {
	background-image: url("../img/logo-strip-finance.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 184px;
	height: 0;
	padding-top: 34.96%;
}

#terms .resize {
	max-width: 164px!important;
	display: block;
    margin: 0 auto;
}

.terms-logo {
	max-width: 800px;
    margin: 0 auto;
}

h1 {
	color: #ffffff!important;
	letter-spacing: -1px;
}

h1 span {
	display:block;
	font-weight:300;
}

h1, h2, h4{
	font-weight: 700;
	font-family: 'Poppins';
}

h2 {
	letter-spacing: 0px;
	color:#003f5a;
	font-size: 36px;
	line-height: 1.2;
	margin-top:0px;
	margin-bottom: 10px;
}

h3 {
	font-weight: 700;
	font-family: 'Poppins';
	font-size: 40px;
	color:#003f5a;
}

h4 {
	color: #ffffff!important;
	letter-spacing:0px;
	font-size: 20px;
	line-height: 23px;
	margin-top: -10px;
}

h5 {
	color: #ffffff!important;
	letter-spacing:0px;
	font-size: 20px;
	line-height: 28px;
	margin-top: -10px;
}

h6 {
	color: #333!important;
	letter-spacing:0px;
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
}

.micloud, .miinsight {
	width: 22%;
	display: inline-block;
	margin: 0 1%;
}

.container {
	margin: 0 auto;
}

.main-images {
	margin-top:40px;
}

.service-btn, .service-btn:active, .service-btn:active:focus {
	background-color: #0d87c2;
	color: #ffffff;
	font-weight: bold;
	border: 3px solid #0d87c2;
}

.service-btn:hover {
	background-color: transparent;
	border: 3px solid #0d87c2;
}

.service-btninverse, .service-btninverse:active, .service-btninverse:active:focus {
	background-color: transparent;
	border: 3px solid #0d87c2;
	border-radius: 3px;
	color: #003f5a;
	font-weight: bold;
}

.service-btninverse:hover {
	background-color: #0d87c2;
	border: 3px solid #0d87c2;
	color: #ffffff;
}

.dash:after {
	content: '';
	margin: 0 auto;
	width: 100px;
	display: block;
	height: 10px;
	background: #0d87c2;
	margin-top:15px;
}

.direction {
	direction: rtl!important;
}

#benefits .finance {
	float: right;
	width: 70%!important;
}

#team .finance {
	padding-top: 40px;
	background-color: #edf7f0;
}

.service-sections {
	direction: ltr;
	vertical-align: top;
	width:47%;
	display:inline-block;
	max-width:600px;
	border-radius:5px!important;
	margin: 0 15px 0 15px;
	background-color: #ffffff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

.service-sections p{
	padding: 10px 4% 0px 4%;
	font-size: 12px;
	margin: 3px;
}

.service-sections img {
	display:block;
	margin: 0 auto;
}

.line {
	height:20px;
	vertical-align:bottom;
}

.icon-size {
	width: 90%;
	max-width: 90px;
}

.cloud {
	padding-top:50px;
	background-color: #ffffff;
	min-height:488px;
}

.insight {
	padding-top:50px;
	background-color: #ffffff;
	min-height: 539px;
}

.workspace {
	padding-top:50px;
	background-color: #ffffff;
	min-height: 566px;
}

.cloud-image {
	background-image: url("../img/cloud-bg.jpg");
	position: relative;
}

.insight-image {
	background-image: url("../img/insight-bg.jpg");
	position: relative;
}

.workspace-image {
	background-image: url("../img/workspace-bg.jpg");
	position: relative;
}

.cloud .line, .hardware .line, .support .line, .insight .line, .workspace .line, .finance .line {
	border-radius: 0px 0px 5px 5px;
}

.cloud .line, .cloud-statistics, .insight .line, .insight-statistics {
	background: linear-gradient(45deg,#003f5a 12%,#40c2cc 88%);
}

.hardware .line, .hardware-statistics {
	background: linear-gradient(45deg,#003f5a 12%,#4bc0b1 88%);
}

.support .line, .support-statistics {
	background: linear-gradient(45deg,#003f5a 12%,#45b3d8 88%);
}

.workspace .line, .workspace-statistics {
	background: linear-gradient(45deg,#003f5a 12%,#5f81c5 88%);
}

.finance .line, .finance-statistics {
	background: linear-gradient(45deg,#003f5a 12%,#5dbd73 88%);
}

.book-logo img{
	width: 260px!important;
	padding: 0!important;
	margin: 15px auto 10px auto;
}

/*--.stat:hover {
width: 30.8%!important;
margin: 0.5%!important;
}--*/

.statistics {
	padding:40px 0 40px 0;
	color:#ffffff!important;
	text-align: center;
}

.statistics h2 {
	color:#ffffff;
}

.statistics-main {
	font-size: 80pt;
	color: #ffffff;
}

.statistics h4 a{
	font-size: 10pt!important;
	color: #003f5a!important;
	display:block;
}

.statistics p{
	padding-top:15px;
}

#counter, .counter-value {
	display: inline;
}

.dash-cloud span, .dash-insight span {
	color: #40c2cc!important;
	display:inline-block;
}

.dash-cloud:after, .dash-insight:after {
	background: #40c2cc!important;
}

.dash-workspace span, .dash-workspace span {
	color: #5f81c5!important;
	display:inline-block;
}

.dash-workspace:after, .dash-workspace:after {
	background: #5f81c5!important;
}

.dash-finance span, .dash-finance span {
	color: #5dbd73!important;
	display:inline-block;
}

.dash-finance:after {
	background: #5dbd73!important;
}

.callback {
	width: 180px!important;
	margin-bottom: 20px;
}

.terms {
	font-weight: 600;
	font-size: 20px;
	margin: 20px auto 10px auto !important;
}

.service-level-btn {
	width: 230px!important;
}

.service-btn, .service-btn:active, .service-btn:active:focus {
	background-color: transparent;
	border: 3px solid #ffffff!important;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	padding: 15px;
	width: auto;
	min-width: 100px;
}

.service-btn:hover {
	background-color: #003f5a;
	color: #ffffff;
}

.insight-third {
	margin: 5px 5px 20px 5px!important;
}

.insight-btninverse {
	margin: 5px 5px 5px 5px!important;
}

.cloud-btninverse, .cloud-btninverse:active, .cloud-btninverse:active:focus, .insight-btninverse, .insight-btninverse:active, .insight-btninverse:active:focus,
.insight-third, .insight-third:active, .insight-third:active:focus {
	background-color: transparent;
	border: 3px solid #40c2cc!important;
	border-radius: 3px;
	color: #003f5a;
	font-weight: bold;
	padding: 10px;
	width: 140px;
}

.cloud-btninverse:hover, .insight-btninverse:hover, .insight-third:hover {
	background-color: #40c2cc;
	border: 3px solid #40c2cc!important;
	color: #ffffff;
}

.cloud-stat, .insight-stat {
	background-color: #40c2cc;
	vertical-align: bottom;
}

.finance-stat {
	background-color: #5dbd73;
	vertical-align: bottom;
}

.workspace-btninverse, .workspace-btninverse:active, .workspace-btninverse:active:focus {
	background-color: transparent;
	border: 3px solid #5f81c5!important;
	border-radius: 3px;
	color: #003f5a;
	font-weight: bold;
	padding: 10px;
	width: 140px;
}

.workspace-btninverse:hover, .workspace-btninverse:hover, .workspace-third:hover {
	background-color: #5f81c5;
	border: 3px solid #5f81c5!important;
	color: #ffffff;
}

.workspace-btn, .workspace-btn:active, .workspace-btn:active:focus {
	background-color: transparent;
	border: 3px solid #ffffff!important;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	padding: 15px;
	min-width: 150px;
	margin: 5px 5px 10px 5px!important;
}


.finance-btninverse, .finance-btninverse:active, .finance-btninverse:active:focus {
	background-color: transparent;
	border: 3px solid #5dbd73!important;
	border-radius: 3px;
	color: #003f5a;
	font-weight: bold;
	padding: 10px;
	width: 140px;
}

.finance-btninverse:hover, .finance-btninverse:hover, .finance-third:hover {
	background-color: #5dbd73;
	border: 3px solid #5dbd73!important;
	color: #ffffff;
}

.finance-btn, .finance-btn:active, .finance-btn:active:focus {
	background-color: transparent;
	border: 3px solid #ffffff!important;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	padding: 15px;
	min-width: 150px;
	margin: 5px 5px 10px 5px!important;
}

.terms-btn, .terms-btn:active, .terms-btn:active:focus {
    background-color: transparent;
    border: 3px solid #ffffff !important;
    border-radius: 3px;
    color: #ffffff;
    font-weight: bold;
    padding: 15px;
    min-width: 150px;
    margin: 10px 5px 40px 5px !important;
}

.terms-btn:hover {
    background-color: #5dbd73;
    border: 3px solid #5dbd73 !important;
    color: #ffffff;
    border-radius: 3px;
    font-weight: bold;

    }

#showmore3 .container {
	max-width: 800px;
}

#showmore3 h2 {
	margin-bottom: 20px;
}

.workspace-btn:hover{
	background-color: #003f5a;
	border: 3px solid #ffffff!important;
	color: #ffffff;
}

.workspace-stat, .workspace-stat {
	background-color: #5f81c5;
	vertical-align: bottom;
}


#hardware {
	background-color:#ebf6f3!important;
}

.hardware {
	padding-top: 40px;
	background-color: #ffffff;
}

.hardware-image {
	background-image: url("../img/hardware-bg.jpg");
	min-height: 604px;
	position: relative;
}

.dash-hardware span{
	color: #4bc0b1!important;
	display:inline-block;
}

.dash-hardware:after {
	background: #4bc0b1!important;

}

.hardware-btninverse, .hardware-btninverse:active, .hardware-btninverse:active:focus {
	background-color: transparent;
	border: 3px solid #4bc0b1!important;
	border-radius: 3px;
	color: #003f5a;
	font-weight: bold;
	padding: 10px;
	width: 140px;
}

.hardware-btninverse:hover {
	background-color: #4bc0b1;
	border: 3px solid #4bc0b1!important;
	color: #ffffff;
}

.hardware-stat {
	background-color: #4bc0b1;
	vertical-align: bottom;
}

#support {
	background-color: #ffffff!important;
}

#insight {
	background-color: #ffffff!important;
}

#workspace {
	background-color: #edf0f5!important;
}

.support {
	padding-top: 40px;
	background-color: #edf5fb;
}

.support-image {
	background-image: url("../img/support-bg.jpg");
	min-height: 517px;
	position: relative;
}

.dash-support span{
	display:inline-block;
	color: #45b3d8!important;
}

.dash-support:after {
	background: #45b3d8!important;

}

.support-btninverse, .support-btninverse:active, .support-btninverse:active:focus {
	background-color: transparent;
	border: 3px solid #45b3d8!important;
	border-radius: 3px!important;
	color: #003f5a!important;
	font-weight: bold;
	padding: 10px;
	width: 140px;
}

.support-btninverse:hover {
	background-color: #45b3d8;
	border: 3px solid #45b3d8!important;
	color: #ffffff!important;
}

.support-stat {
	background-color: #45b3d8;
	vertical-align: bottom;
}

.finance {
	padding-top: 40px;
	background-color: #ffffff;
}

.finance-bumper-alt .finance {
	padding-top: 40px;
	background-color: #edf7f0;
}

.finance-alt {
	padding-top: 40px;
	background-color: #edf7f0;
}

.finance-image {
	background-image: url("../img/finance-bg.jpg");
	min-height: 540px;
	position: relative;
}

.finance-image2 {
	background-image: url("../img/benefits.jpg");
	min-height: 517px;
	position: relative;
}

.dash-finance span{
	display:inline-block;
	color: #5dbd73!important;
}

.stat-box {
	width: 96%;
	margin: 0 2%;
	position: absolute;
	bottom: 4%;
}

.stat {
	width: 28.8%!important;
	margin: 1.5%!important;
	display: inline-block!important;
	border-radius: 5px!important;
}

.stat p{
	color: #ffffff;
	font-weight: 700;
	padding: 15px 5% 25px 5%;
	line-height: 1.2;
}

.stat img{
	padding-top:30px;
	width:90px;

}

.uc {
	padding-bottom: 14px;
}

/*.enhanced {
padding: 15px 10% 15px 10%!important;
}*/

.service-logo {
	margin: auto;
	text-shadow: 0 2px 10px rgba(0,0,0,0.3);
	-moz-text-shadow: 0 2px 10px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.service-logo img{
	padding: 2.5% 0 10% 0;
	width: 100%;
	max-width: 370px;
}

.workspace-logo img {
	padding: 2.5% 0 2.5% 0;
	width: 100%;
	max-width: 370px;
}

.expertise {
	padding-bottom:20px;
}

.slideanim {visibility:hidden;}
.slide {
	animation-name: slide;
	-webkit-animation-name: slide;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	visibility: visible;
}
@keyframes slide {
	0% {
		opacity: 0;
		transform: translateY(70%);
	} 
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
@-webkit-keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70%);
	} 
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	}
}

@media (max-width: 1280px) {

	.statistics-main {
		font-size: 70pt;
		color: #ffffff;
	}

	.intouch, .services-logo {
		margin-top: 85px;
	}

	.intouch {
		width: 65%;
		text-align: left;
	}

	div#overlay {
		position: relative;
	}

	.changethis {
		padding-top: 20px;
		padding-bottom: 60px;
	}

	.resize {
		width: 98%;
	}

	.service-sections {
		width: 46%;
	}

	.cloud-image, .cloud-image {
		min-height: 512px;
	}

	.intouch {
		margin-top: 85px;
	}

	.service-logo img, .hardware-logo img, .cloud-logo img, .insight-logo img, .workspace-logo img, .finance-logo img, {
		width: 100%;
		max-width: 370px;
	}

	.support-stat p {
		height: 70px;
	}

	.hardware-stat p {
		height: 56px;
	}

	.uc {
		padding-bottom:0px;
	}

	.workspace {
		min-height: 582px;
	}

	.insight {
		min-height: 618px;
	}

}

@media (max-width:1100px) {

	.videocontainer {
		max-width:350px;
	}

	.youtube-player {
		height: 200px;
	}

	.hardware-image {
		min-height: 585px;
	}

	.support-image {
		min-height: 586px;
	}

	.stat p {
		padding: 8px 5% 5px 5%;
	}

}


@media (max-width: 970px) {

	.hardware-stat p {
		height: 30px;
	}

	.services-logo {
		width:29%;
		display: inline-block;
		margin-top: 75px;
		top: -50px;
	} 

	.intouch {
		display: inline-block;
		margin-top: 75px;
		width: 68%!important;
	}

	.services-logo img{
		max-width:300px!important;
		display:inline-block;
	} 

	.navbar {
		min-height: 80px!important;
	}

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

	.navbar-header {
		margin-left:0px;
		border: 0px!important;
	}

	#mainlogo {
		width:150px!important;
	}

	h1 {
		font-size: 65px!important;
		padding-top: 70px;
		padding-bottom: 50px;
		padding-left: 0%;
		padding-right: 0%;
	}

	p {
		padding-left: 2%;
		padding-right: 2%;
	}


	.col-md-8 {
		width: 65%!important;
	}

	.stat img {
		padding-top: 15px;
	}

	.support-image, .cloud-image, .hardware-image, .insight-image {
		min-height: 360px;
	}

	.service-logo img {
		padding: 1.5% 0 10% 0!important;
		width: 210px!important;
	}

	.workspace-logo img {
		padding: 1.5% 0 2.5% 0!important;
		width: 260px!important;
	}

	.book-logo img {
		width: 220px!important;
	}

	.service-sections {
		width: 90%;
		max-width:600px;
	}

	#benefits .finance {
		float: none;
		width: 90%;
		max-width:600px;
	}

	.support, .cloud, .hardware, .insight, .workspace {
		padding-top: 35px;
	}

	.support-image, .cloud-image, .hardware-image, .insight-image, {
		margin-bottom: 20px;
	}

	.stat-box {
		bottom: 10px;
	}

	.stat {
		width: 28%!important;
		margin: 1.5%!important;
	}

	.support-stat p {
		height: 45px;
	}

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

	.spacer {
		text-align: center;
	}

	.jumbotron {
		padding: 0px 0px 20px 0px;
	}

	.jumbotron > .container > .row > .col-md-6 {
		width: 100%;
	}

	h4 {
		letter-spacing: 0px;
	}
	.navbar-fixed-top { 
		background-color: rgba(0, 63, 90, 0.7);transition: background-color 0.5s ease 0s;
	}

	.navbar-fixed-top.opaque {
		background-color: (0, 63, 90, 0.8);transition: background-color 0.5s ease 0s;
	}

	.navbar-default .navbar-nav > li > a:hover {
		color: #ffffff;
	}

	.navbar-fixed-top .navbar-nav > li > a {
		color: #ffffff;
	}

	#mainlogo {
		background-image: url("../img/logo-w.png");
	}

	#support-guide, #hardware-guide, #cloud-guide {
		margin: 30px auto 18px auto!important;
	}

	.cloud, {
		min-height: 300px;
	}

	.insight {
		min-height: 340px;
	}

	.workspace {
		min-height: 390px;
	}

	.micloud, .miinsight {
		width: 39%;
		display: inline-block;
		margin: 1.5% 1%;
	}

}

.col-md-4th {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 992px) {

	.col-md-4th {
		width: 25%;
		margin: 0 auto;
		display: inline-block;
	}


@media (max-width: 800px) {
	@keyframes breath {
		0%   { background-size: 125% auto; }
		50% { background-size: 150% auto; }
		100% { background-size: 125% auto; }
	}

	.book-logo img {
		width: 260px!important;
		padding: 0!important;
		margin: 0px auto 10px auto;
	}
}

@media (max-width: 600px) {

	.book-logo img {
		width: 190px!important;
	}

	.stat img {
		width: 75px;
	}

	.finance-product .resize {
		width:100%;
		max-width: 100px!important;
		padding-bottom: 2pc;
	}

	.hardware-stat p {
		height: 42px;
	}

	.support-stat p {
		height: 46px;
	}

	.col-md-8 {
		width: 100%!important;
	}

	.intouch {
		width: 100%!important;
		margin-top:20px;
	}

	.intouch h1 {
		margin-top:0px;
		text-align:center;
	}

	.services-logo {
		margin-top: 100px;
		width:100%;
		top:0px;
	}  
	.resize {
		width: 60%;
	}

	.arrow-svg {
		width: 26px;
		max-width: 26px;
	}

	.micloud {
		width: 27%;
		padding-bottom: 15px;
	}

	.statistics h4 {
		padding-left:5%;
		padding-right:5%;
	}

	.bumper {
		padding: 55px 0px;
	}

	.navbar {
		min-height: 80px!important;
	}

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

	.navbar-header {
		margin-left:0px;
	}

	#mainlogo {
		width:150px!important;
	}

	.statistics-main {
		font-size: 70pt;
	}

	.stat-box {
		width: 100%;
		margin: 0 0%;
	}

	p {
		padding left: 2px;
		padding right: 2px;
	}

}

@media (max-width: 480px) {

	#hero1 {
		animation: none;
	}

	#hero-finance {
		animation: none;
	}

	.support-stat p {
		height:68px;
	}

	.youtube-player img {
		max-width: 123%!important;
		width: 120%!important;
		top: -37px!important;
		left: -60px!important;
	}


	.support-image {
		min-height: 370px;
	}

	.services-logo {
		width:100%;
	} 

	.services-logo img{
		max-width:220px!important;
	}  

	.bumper {
		padding: 45px 0px;
	}


	h1 {
		font-size: 48px!important;
		padding-top:10px;
		padding-bottom: 20px;
		padding-left: 0%;
		padding-right: 0%;
	}

	h2 {
		font-size: 28px!important;
		margin-top:0px!important;
	}

	h3 {
		font-size: 34px;

	}

	h6 {
		padding-left: 2%;
		padding-right: 2%;
	}

	.arrow-svg {
		width: 22px;
		max-width: 22px;
	}

	.micloud, .miinsight {
		width: 90%;
		max-width: 280px;
	}

	.service-solutions p {
		font-size: 10px;
	}

	.btn, .insight-btninverse, .insight-third {
		margin: 0px 5px 20px 5px!important;
	}

	.support, .cloud, .hardware, .insight, .workspace {
		padding-top: 25px;
	}

}

@media (max-width:330px) {

	.stat img {
		width:80%;
	}

}


.card h5 {
	margin-top: 10px;
}

@media (max-width: 1700px) {
	.card h5 {
		font-size: 18px;
		line-height: 21px;
	}

	.card p {
		font-size: 11pt;
	}
}


@media (max-width: 1490px) {
	.card h5 {
		font-size: 17px;
		line-height: 19px;
	}

	.card p {
		font-size: 10pt;
	}
}

@media (max-width: 1200px) {
	.card h5 {
		font-size: 15px;
		line-height: 18px;
	}

	.card p {
		font-size: 9pt;
	}
}