body
	{
    position: relative;
	}

html,body {
      width: 100%;
     overflow-x: hidden;
  }

h1,h2,h3,h4 {
  font-weight: 400;
  letter-spacing: 0px;
}
section1, article1 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.nav-push {
	margin-top: -55px;
	padding-top: 55px;
}

@media(min-width:768px) {
	.nav-push {
		margin-top: -70px;
		padding-top: 70px;
	}
}
/* Equal Height Columns */
.row {
    overflow: hidden; 
}

.main-content { /* No article white line fix */
	margin-top: -1px;
}

[class*="full-height"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

/* Headings */
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6{
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
	color:inherit;
}
.h1 .small,.h1 small,
.h2 .small,.h2 small,
.h3 .small,.h3 small,
.h4 .small,.h4 small,
.h5 .small,.h5 small,
.h6 .small,.h6 small,
h1 .small,h1 small,
h2 .small,h2 small,
h3 .small,h3 small,
h4 .small,h4 small,
h5 .small,h5 small,
h6 .small,h6 small{
	font-weight:400;
	line-height:1;
	color: inherit;
	opacity: 0.6;
}
.h1,.h2,.h3,h1,h2,h3{
	margin-top:20px;
	margin-bottom:10px
}
.h1 .small,.h1 small,
.h2 .small,.h2 small,
.h3 .small,.h3 small,
h1 .small,h1 small,
h2 .small,h2 small,
h3 .small,h3 small{
	font-size:60%
}
.h4,.h5,.h6,h4,h5,h6{
	margin-top:10px;
	margin-bottom:10px
}
.h4 .small,.h4 small,
.h5 .small,.h5 small,
.h6 .small,.h6 small,
h4 .small,h4 small,
h5 .small,h5 small,
h6 .small,h6 small{
	font-size:70%
}

.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}


/* Section Padding */
.padded-xl {padding: 120px 0px;}
.padded-lg {padding: 100px 0px;}
.padded-md {padding: 80px 0px;}
.padded-sm {padding: 60px 0px;}

/* Module Padding */
.mod-pad-xl {padding: 120px;}
.mod-pad-lg {padding: 100px;}
.mod-pad-md {padding: 80px;}
.mod-pad-sm {padding: 60px;}
.mod-pad-xs {padding: 30px;}


/* Section Spacing */
.spacer-xl {margin: 120px 0px;}
.spacer-lg {margin: 100px 0px;}
.spacer-md {margin: 80px 0px;}
.spacer-sm {margin: 60px 0px;}

/* Module Spacing */
.mod-shift-xl {margin: 120px;}
.mod-shift-lg {margin: 100px;}
.mod-shift-md {margin: 80px;}
.mod-shift-sm {margin: 60px;}
.mod-shift-xs {margin: 40px;}




/* Added Padding */
.custom {padding-bottom: 40px;}
.blocks .custom,
.no-pad .custom {padding-bottom: 0px;}

@media (max-width:1199px) {
	.padded-xl {padding: 110px 0px;}
	.padded-lg {padding: 90px 0px;}
	.padded-md {padding: 70px 0px;}
	.padded-sm {padding: 50px 0px;}
	.mod-pad-xl {padding: 70px;}
	.mod-pad-lg {padding: 60px;}
	.mod-pad-md {padding: 50px;}
	.mod-pad-sm {padding: 40px;}
	.mod-pad-xs {padding: 25px;}
	
	.spacer-xl {margin: 110px 0px;}
	.spacer-lg {margin: 90px 0px;}
	.spacer-md {margin: 70px 0px;}
	.spacer-sm {margin: 50px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
}

@media (max-width:980px) {
	.padded-xl {padding: 100px 0px;}
	.padded-lg {padding: 80px 0px;}
	.padded-md {padding: 60px 0px;}
	.padded-sm {padding: 40px 0px;}
	.mod-pad-xl {padding: 60px;}
	.mod-pad-lg {padding: 50px;}
	.mod-pad-md {padding: 40px;}
	.mod-pad-sm {padding: 30px;}
	.mod-pad-xs {padding: 20px;}
	
	.spacer-xl {margin: 100px 0px;}
	.spacer-lg {margin: 80px 0px;}
	.spacer-md {margin: 60px 0px;}
	.spacer-sm {margin: 40px 0px;}
	.mod-shift-xl {margin: 100px;}
	.mod-shift-lg {margin: 80px;}
	.mod-shift-md {margin: 60px;}
	.mod-shift-sm {margin: 40px;}
	.mod-shift-xs {margin: 20px;}
	
	.h1,h1{font-size:34px}
	.h2,h2{font-size:28px}
	.h3,h3{font-size:22px}
	.h4,h4{font-size:16px}
	.h5,h5{font-size:12px}
	.h6,h6{font-size:10px}
}

@media (max-width:768px) {
	.padded-xl {padding: 90px 0px;}
	.padded-lg {padding: 70px 0px;}
	.padded-md {padding: 50px 0px;}
	.padded-sm {padding: 30px 0px;}
	.mod-pad-xl {padding: 50px;}
	.mod-pad-lg {padding: 40px;}
	.mod-pad-md {padding: 30px;}
	.mod-pad-sm {padding: 20px;}
	.mod-pad-xs {padding: 15px;}
	
	.spacer-xl {margin: 90px 0px;}
	.spacer-lg {margin: 70px 0px;}
	.spacer-md {margin: 50px 0px;}
	.spacer-sm {margin: 30px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
	
	.h1,h1{font-size:32px}
	.h2,h2{font-size:26px}
	.h3,h3{font-size:20px}
	.h4,h4{font-size:14px}
	.h5,h5{font-size:10px}
	.h6,h6{font-size:8px}
}

@media (max-width:480px) {
	.padded-xl {padding: 90px 0px;}
	.padded-lg {padding: 70px 0px;}
	.padded-md {padding: 50px 0px;}
	.padded-sm {padding: 30px 0px;}
	.mod-pad-xl {padding: 50px;}
	.mod-pad-lg {padding: 40px;}
	.mod-pad-md {padding: 30px;}
	.mod-pad-sm {padding: 20px;}
	.mod-pad-xs {padding: 15px;}
	
	.spacer-xl {margin: 90px 0px;}
	.spacer-lg {margin: 70px 0px;}
	.spacer-md {margin: 50px 0px;}
	.spacer-sm {margin: 30px 0px;}
	.mod-shift-xl {margin: 90px;}
	.mod-shift-lg {margin: 70px;}
	.mod-shift-md {margin: 50px;}
	.mod-shift-sm {margin: 30px;}
	.mod-shift-xs {margin: 10px;}
	
	.h1,h1{font-size:30px}
	.h2,h2{font-size:24px}
	.h3,h3{font-size:18px}
	.h4,h4{font-size:12px}
	.h5,h5{font-size:8px}
	.h6,h6{font-size:6px}
}


.page-header {
	border: 0px none;
}
.heading {
  font-size: 20px;
}
.subheading {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 60px;
}
.bold {
  font-weight: bold;
}

p {
  letter-spacing: 0px;
  line-height: 26px;
}
.custom p {
	margin: 0px;
}
.custom .btn {
	margin-bottom: 0px;
}
strong {
	
}
a {
  outline: none !important;
}

hr {
  width: 100px;
}
article img {
	width: 100%;
	max-width: 100%;
}


.section-title {
  text-align: center;
  padding-bottom: 32px;
}
.mod-title {
	margin-top: 10px;
	margin-bottom: 30px;
}

.medium-icon {
  font-size: 32px !important;
}

p.padfix {
	margin: 0px !important;
}



/* Article Typeography */
.item-page .item-body p {
	margin-bottom: 15px;
}
.item-page .item-image img {width: 100%;}
.item-page .item-body h1 {margin: 60px 0px 20px;}
.item-page .item-body h2 {margin: 50px 0px 20px;}
.item-page .item-body h3 {margin: 45px 0px 20px;}
.item-page .item-body h4 {margin: 40px 0px 20px;}
.item-page .item-body h5 {margin: 35px 0px 20px;}
.item-page .item-body h6 {margin: 30px 0px 20px;}

.item-page .item-body ul,
.item-page .item-body ol {margin: 30px 0px;}

.item-page .item-body ul li ul,
.item-page .item-body ol li ol {
	margin: 20px 0px;
}


#copyright p {
	margin-top: 7px;
	font-size: 12px;
}


/* Globals
===================== */
.wow:first-child {
	visibility: hidden;
}
.wow {
   visibility: hidden;
}
.threedee {
	text-shadow:
	0 1px 0 #ccc,
	0 2px 0 #c9c9c9,
	0 3px 0 #bbb,
	0 4px 0 #b9b9b9,
	0 5px 0 #aaa,
	0 6px 1px rgba(0,0,0,.1),
	0 0 5px rgba(0,0,0,.1),
	0 1px 3px rgba(0,0,0,.3),
	0 3px 5px rgba(0,0,0,.2),
	0 5px 10px rgba(0,0,0,.25),
	0 10px 10px rgba(0,0,0,.2),
	0 20px 20px rgba(0,0,0,.15);
}


.items-more {display: none;}

/* Buttons
===================== */
.btn, .btn-default, .popup-btn {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  padding: 10px 33px 10px 34px;
  margin: 20px 0px;
  border: 2px solid #384e59;
  border-radius: 0px;
  color: #384e59;
  -webkit-transition:	all 0.2s linear;
  -moz-transition:		all 0.2s linear;
  -ms-transition:		all 0.2s linear;
  -o-transition:		all 0.2s linear;
  transition:			all 0.2s linear;
}
@media (max-width:768px) {
	.btn, .btn-default {
		font-size: 13px;
	  line-height: 20px;
	  padding: 7px 20px 7px 21px;
	}
}
.btn.btn-primary {
	background-color: transparent;
	border-color: #10819e;
	color: #10819e;
}
.btn.btn-light {
	background-color: transparent;
	border-color: #f9f9f9;
	color: #f9f9f9;
}
.btn.btn-dark {
	background-color: transparent;
	border-color: #384e59;
	color: #384e59;
}
.popup-btn, .popup-btn:visited {
	background-color: #10819e;
	border-color: #10819e;
	color: #FFFFFF;
	text-transform: uppercase;
}
.callback .custom {
	padding-bottom: 0px;
}
.callback .page-header {
    text-transform: uppercase;
    margin-top: 29px;
}
#baform-3 .page-0 {
    margin: 40px 0px;
}
#baform-3 .tool {
    margin-bottom: 10px !important;
}
.btn:hover, .btn-default:hover, .btn.btn-primary:hover {
	text-decoration: none;
	background: #10819e;
	border-color: #10819e;
	color: #ffffff;
	text-decoration: none;
}
.btn.btn-light:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #384e59;
	text-decoration: none;
}
.btn.btn-dark:hover, .popup-btn:hover {
	background-color: #384e59;
	border-color: #384e59;
	color: #f9f9f9;
	text-decoration: none;
}


/* Lists Style */
[class*="list-"] ul {
	list-style-type: none;
	padding-left: 2em;
}
[class*="list-"] ul li {
	line-height: 120%;
	font-size: 100%;
	margin-bottom: 15px;
}
[class*="list-"] ul li ul li {
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 110%;
}

.list-featured li:before {
	font-family:'FontAwesome';
	content: "\f10c";
	display:inline-block;
	margin-left: -2em;
	width: 2em;
	color: #00a0b8;
}
.list-featured li ul li:before {
	font-size: 80%;
	color: #75C8E8;
}
.list-disc li:before {
	font-family:'FontAwesome';
	content: "\f111";
	display:inline-block;
	margin-left: -2em;
	width: 2em;
	color: #DDDDDD;
}
.list-disc li ul li:before {
	font-size: 80%;
	color: #BBBBBB;
}

/* Generic lists */
.list-alphabet ul, .list-alphabet ul li {
	list-style-type: lower-alpha !important;
}
.list-lowerroman ul, .list-lowerroman ul li {
	list-style-type: lower-roman !important;
}
.list-upperroman ul, .list-upperroman ul li {
	list-style-type: upper-roman !important;
}
.list-number ul, .list-number ul li {
	list-style-type: decimal !important;
}
.list-zero-number ul, .list-zero-number ul li {
	list-style-type: decimal-leading-zero !important;
}



/* WELLS macros */

.well {
	border: 0px none;
	border-bottom: 3ps solid;
	border-radius: 0px;
	padding: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 2px 0px rgba(205, 205, 205, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 2px 0px rgba(205, 205, 205, 0.6));
	margin: 20px 0px 30px;
}
.well h1, .well h2, .well h3 {margin-top: 20px !important; margin-bottom: 30px !important;}
.well h4, .well h5, .well h6 {margin-top: 10px !important; margin-bottom: 20px !important;}

.well.color1 {border-color: #10819e;}
.well.color2{border-color: #dce4e6;}
.well.color3{border-color: #2B2B2B;}
.well.dark {border-color: #373737;}
.well.light{border-color: #dce4e6;}
.well.white{border-color: #10819e;}

.well p {
	margin: 15px 0px;
}



/* Pannels macros */
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.panel-default > .panel-heading {
  background-color: #333333;
}
.panel-primary > .panel-heading {
  background-color: #00a0b8;
}
.panel-success > .panel-heading {
  background-color: #5cb85c;
}
.panel-info > .panel-heading {
  background-color: #00a0b8;
}
.panel-warning > .panel-heading {
  background-color: #f0ad4e;
}
.panel-danger > .panel-heading {
  background-color: #f0ad4e;
}



/* PAGE SECTIONS */
.page-section {
    padding: 60px 0px;
	margin: 0px -15px;
	position: relative;
}
.page-section h3.section-title {
	font-size: 40px;
	line-height:40px;
	color: #FFF !important;
	text-align: left;
}
.page-section h3.section-title small {
	display: block;
}
h3.caption {
	padding: 0px;
	margin: 30px 0px !important;
	font-style: italic;
	text-align: center;
	font-weight: 300;
	font-size: 32px;
}


@media (max-width:991px) {
	.page-section {
		padding: 40px 0px;
	}
	.page-section h3.section-title {
		font-size: 34px;
		line-height:36px;
		text-align: left;
	}
	h3.caption {
		font-size: 30px;
	}
}
@media (max-width:768px) {
	.page-section {
		padding: 30px 0px;
	}
	.page-section h3.section-title {
		font-size: 30px;
		line-height:32px;
		text-align: left;
	}
	h3.caption {
		font-size: 30px;
	}
}



/* Block Links */
.blok-link * {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.blok-link:hover {
	text-decoration: none;
}
.blok-link:hover .well {
	background-color: #FCFCFC;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
	-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(205, 205, 205, 0.3);
}
.blok-link:hover h4 {
	color: #00a0b8;
}
.blok-link img {
	transform: scale(0.95);
}
.blok-link:hover .well img {
	transform: scale(1);
}


/* PAGE LINK BLOCKS */
.blok-container {
	padding: 0px;
	margin: 0px;
	list-style: none;
	
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.blok-item, .blok-item:visited {
	background: #10819e;
	padding: 30px 10px;
	margin: 2px;
	color: #FFF;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	/* white-space: nowrap; */
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-o-flex: 1 1 auto;
	flex: 1 1 auto;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.blok-item ,
.blok-item:hover,
.blok-item:focus {
	text-decoration: none;
}
li.blok-item:hover {
	cursor: default;
}
.blok-item {
	border-radius: 0px;
	overflow: hidden;
}
.blok-item > img {
	display: block;
	margin: 0px auto 15px;
	max-width: 50%;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-ms-filter: invert(100%);
	-o-filter: invert(100%);
	filter: invert(100%);
}
.blok-item a {
	display: block;
	width:100%;
	height:100%;
}
.blok-item strong {
	font-size:140%;
	display: block;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.blok-item:hover strong {
	color: #FFF;
	-webkit-transform: translateY(-10px) scale(1.8);
	-moz-transform: translateY(-10px) scale(1.8);
	-ms-transform: translateY(-10px) scale(1.8);
	-o-transform: translateY(-10px) scale(1.8);
	transform: translateY(-10px) scale(1.8);
	text-shadow: 0px 2px 3px rgba(0,0,0,0.05);
}

.managed-services-links .blok-item {
	width: 48%;
}
.managed-services-links .blok-item:hover,
.managed-services-links .blok-item:visited:hover {
	background-color: #f1f1f1;
	color: #474747;
}
.blok-item:hover > img {
	-webkit-filter: invert(0%);
	-moz-filter: invert(0%);
	-ms-filter: invert(0%);
	-o-filter: invert(0%);
	filter: invert(0%);
}

.our-approach {
	
}
.icon-img {
	display: block;
	max-width: 240px;
	margin: 0px auto;
}
.icon-img img {
	width: 100%;
}

@media (max-width:768px) {
	.blok-item:hover strong {
		-webkit-transform: translateY(-7px) scale(1.5);
		-moz-transform: translateY(-7px) scale(1.5);
		-ms-transform: translateY(-7px) scale(1.5);
		-o-transform: translateY(-7px) scale(1.5);
		transform: translateY(-7px) scale(1.5);
	}
	.icon-img {
		display: block;
		max-width: 90px;
		margin: 0px 15px 0px 0px;
		float: left;
	}
	.our-approach.text-center {
		text-align: left !important;
	}
	.icon-text {
		overflow: auto;
		text-align: left;
		line-height:20px;
	}
}



/*
  Set new breakpoint for Mobile Menu 991px */
  
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); */
  }
  .navbar-fixed-top {
      /* top: 0;
      border-width: 0 0 1px; */
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      /* margin-top: 7.5px; */
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
     /*  padding-top: 10px;
      padding-bottom: 10px; */
  }
  .collapse.in{
      display:block !important;
  }
}


/*
  Flex menu
  ========= */
  
.flexmenu-container {
	padding: 0px;
	margin: 0px;
	list-style: none;
	
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.flexmenu-container > li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 2px;
	-webkit-flex: 1 1 20%;
	-moz-flex: 1 1 20%;
	-ms-flex: 1 1 20%;
	-o-flex: 1 1 20%;
	flex: 1 1 20%;
}
.flexmenu-item {
	background: #10819e;
	padding: 30px 10px;
	color: #FFFFFF !important;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	/* white-space: nowrap; */
	-webkit-flex: 0 0 100%;
	-moz-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	-o-flex: 0 0 100%;
	flex: 0 0 100%;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.flexmenu-item:focus {
	text-decoration: none;
}
.flexmenu-item img {
	width: auto;
	max-width: 100%;
	display: block;
	margin: 0px auto 7px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-ms-filter: invert(100%);
	-o-filter: invert(100%);
	filter: invert(100%);
}
.flexmenu-item:hover,
.flexmenu-item:visited:hover,
.flexmenu-container li.current .flexmenu-item,
.flexmenu-contaienr li.active .flexmenu-item {
	background-color: #f1f1f1;
	color: #000000 !important;
	text-decoration: none;
}
.flexmenu-item:hover img,
.flexmenu-container li.current .flexmenu-item img,
.flexmenu-contaienr li.active .flexmenu-item img {
	-webkit-filter: invert(0%);
	-moz-filter: invert(0%);
	-ms-filter: invert(0%);
	-o-filter: invert(0%);
	filter: invert(0%);
}

.col-md-12 .flexmenu-container > li {
	-webkit-flex: 1 1 19%;
	-moz-flex: 1 1 19%;
	-ms-flex: 1 1 19%;
	-o-flex: 1 1 19%;
	flex: 1 1 19%;
}
.col-md-6 .flexmenu-container > li {
	-webkit-flex: 1 1 40%;
	-moz-flex: 1 1 40%;
	-ms-flex: 1 1 40%;
	-o-flex: 1 1 40%;
	flex: 1 1 40%;
}


/*
  navigation section
===================== */
.sticky-navigation, .sticky-navigation * {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.sticky-navigation {
    /*opacity: 0;*/
  }
.navbar-default {
    background: #fff;
    border: none;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    margin: 0 !important;
     padding: 0;
  }
.navbar-default .navbar-nav {
	margin: 0px -15px;
}
.navbar-default .navbar-brand {
    color: #10819e;
    font-weight: bold;
    font-size: 26px;
    line-height: 40px;
}
.navbar-default .navbar-nav li .separator {
	cursor: default;
}

.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li .separator {
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
	text-transform: uppercase;
    line-height: 40px;
	padding: 15px;
	display: block;
}
.navbar-default.opened .navbar-nav li a,
.navbar-default.opened .navbar-nav li .separator {
	color: #606060;
}
.child-nav li a img {
	width: 30px;
	margin-right:15px;
	-webkit-filter: invert(0%);
	-moz-filter: invert(0%);
	-ms-filter: invert(0%);
	-o-filter: invert(0%);
	filter: invert(0%);
}
.kablue .child-nav li a img {
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-ms-filter: invert(100%);
	-o-filter: invert(100%);
	filter: invert(100%);
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li .separator:hover {
    color: #c9e9f2;
  }

.context-menu .navbar-nav li a,
.context-menu .navbar-nav li a:focus,
.context-menu .navbar-nav li .separator {
	color: #FFF;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
	text-transform: uppercase;
    line-height: 40px;
	height:40px;
	padding: 0px 20px;
	display: block;
}
.context-menu .navbar-nav li a:hover,
.context-menu .navbar-nav li .separator:hover,
.context-menu .navbar-nav > .open > a,
.context-menu .navbar-nav > .open > a:hover,
.context-menu .navbar-nav > .open > a:focus,
.context-menu .navbar-nav > .active > .separator,
.context-menu .navbar-nav > .active > a,
.context-menu .navbar-nav > .active > a:hover,
.context-menu .navbar-nav > .active > a:focus,
.context-menu .navbar-nav > .current > .separator,
.context-menu .navbar-nav > .current > a,
.context-menu .navbar-nav > .current > a:hover,
.context-menu .navbar-nav > .current > a:focus  {
    color: #FFFFFF;
	background-color: #00a0b8;
  }
.navbar-default.opened .navbar-nav li a:hover,
.navbar-default.opened .navbar-nav li .separator:hover {
    color: #10819e;
  }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > .separator,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .current > .separator,
.navbar-default .navbar-nav > .current > a,
.navbar-default .navbar-nav > .current > a:hover,
.navbar-default .navbar-nav > .current > a:focus  {
  color: #c9e9f2;
  background-color: transparent;
}
.navbar-default.opened .navbar-nav > .active > .separator,
.navbar-default.opened .navbar-nav > .active > a,
.navbar-default.opened .navbar-nav > .active > a:hover,
.navbar-default.opened .navbar-nav > .active > a:focus,
.navbar-default.opened .navbar-nav > .current > .separator,
.navbar-default.opened .navbar-nav > .current > a,
.navbar-default.opened .navbar-nav > .current > a:hover,
.navbar-default.opened .navbar-nav > .current > a:focus {
  color: #10819e;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
     border: none;
     padding-top: 10px;
  }
.navbar-default .navbar-toggle .icon-bar {
    background: #10819e;
    border-color: transparent;
  }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { 
  background-color: transparent 
}
.dropdown-menu {
	height:0px;
	border-radius: 0px;
	transition: all 0.3s linear;
}
.open > .dropdown-menu {
	height: auto;
}


/* Menu Drop Down */
.dropit, .dropit * {
	-webkit-transition-duration: 0.15s;
	-moz-transition-duration: 0.15s;
	-ms-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
}
.dropit {
	display:block;
	width:60px;
	height: 60px;
	border-left: 1px solid #f1f1f1;
	position: absolute;
	right:0px;
	top: 0px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.dropit:hover, .open .dropit {
	background-color: #fafafa;
}
.navbar-nav .open .dropdown-menu {
	background-color: #fafafa;
}

.navbar-nav .open .dropdown-menu > a {
	color: #575757;
}

.navbar-default .navbar-nav .dropdown-menu > .active > a,
.navbar-default .navbar-nav .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .dropdown-menu > .current > a,
.navbar-default .navbar-nav .dropdown-menu > .current > a:hover, 
.navbar-default .navbar-nav .dropdown-menu > .current > a:focus,
.navbar-default .navbar-nav li .dropdown-menu li a,
.navbar-default .navbar-nav li .dropdown-menu li a:hover, 
.navbar-default .navbar-nav li .dropdown-menu li a:focus {
	color: #272727;
}
	
@media (min-width:991px){
	.dropit {
		display:none;
	}
}

/* Sitemap Menus */

.sitemap {
	width: 100%;
	display: block;
	list-style-type: none;
	padding-left: 0px;
}
.sitemap a, .sitemap a:hover, .sitemap a:visited:hover, .sitemap a:visited, .sitemap a:focus {
	text-decoration: none;
}
.sitemap > li {
	display: inline-block;
	width: 100%;
	padding: 5px 10px;
}
.sitemap > li a {
	display: block;
    color: #BBB;
	font-size: 14px;
	border-bottom: 2px solid transparent;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.sitemap > li:hover > a {
	color: #FFF;
    border-bottom: 2px solid #10819e;
}
.sitemap .dropit {
	display: none;
}

.sitemap ul.dropdown-menu {
	display: block;
	height: auto;
	position: relative;
	background-color: transparent;
	border: 0px none;
	box-shadow: none;
}
.sitemap ul.dropdown-menu li img {
    display: none;
}
.sitemap ul.dropdown-menu li {
    display: inline-block;
    background-color: transparent;
    padding: 0px;
    margin: 0px 4% 0px 0px;
	width: 46%;
	vertical-align: top;
}
.sitemap ul.dropdown-menu li a,
.sitemap ul.dropdown-menu li a:visited,
.sitemap ul.dropdown-menu li a:focus {
	background-color: transparent;
	color: #888888;
	padding: 3px 0px;
	font-size: 12px;
	white-space: normal;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.sitemap ul.dropdown-menu li a:hover,
.sitemap ul.dropdown-menu li a:visited:hover,
.sitemap ul.dropdown-menu li.active a,
.sitemap ul.dropdown-menu li.current a {
	color: #EEE;
	background-color: transparent;
}

/* Split Sitemap Menu */
.sub-items > li.parent {
    display: inline-block;
	width: 50%;
}
.sub-items > li {
    display: none;
}
@media (max-width:768px) {
	.sub-items > li.parent {
		display: block;
		width: 100%;
	}
}


/* Mobile menu animation */
.nav-toggle {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 18px 20px 0px 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-toggle {
}

.nav-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #10819e;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav-toggle span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

.nav-toggle span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

.nav-toggle span:nth-child(1), .nav-toggle span:nth-child(2) {
  top: 0px;
}

.nav-toggle span:nth-child(3), .nav-toggle span:nth-child(4) {
  top: 9px;
}

.nav-toggle span:nth-child(5), .nav-toggle span:nth-child(6) {
  top: 18px;
}

.nav-toggle.open span:nth-child(1),.nav-toggle.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-toggle.open span:nth-child(2),.nav-toggle.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-toggle.open span:nth-child(1) {
  left: 2px;
  top: 4px;
}

.nav-toggle.open span:nth-child(2) {
  left: calc(50% - 3px);
  top: 4px;
}

.nav-toggle.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.nav-toggle.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.nav-toggle.open span:nth-child(5) {
  left: 2px;
  top: 14px;
}

.nav-toggle.open span:nth-child(6) {
  left: calc(50% - 3px);
  top: 14px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 440px;
}

/* Desktop Scrolling Effects */
	
	.sticky-navigation {background-color: transparent; opacity: 1;border-bottom:1px solid rgba(255,255,255,0.2);}
	.sticky-navigation .nav {padding-top: 10px;padding-bottom:15px;}
	.navbar-default {box-shadow: none;}
	.sticky-navigation .navbar-brand {position:relative;width:250px;height:65px;margin-top:15px;background-color: transparent;}
	.sticky-navigation .logo {width: 100%; max-width: 100%;position:absolute; top: 0px; left:0px;}
	/* SVG */
	.svg-logo {display:block;}
	.no-svg .svg-logo {display:none;}
	.svg-logo .white {fill: #15809D;}
	.svg-logo .blue {fill: #FFFFFF;}
	
	/* no SVG fallback */
	.logofallback {display: none;}
	.no-svg .logofallback {display:block;}
	.no-svg .sticky-navigation .logo.white {opacity: 1;}
	.no-svg .sticky-navigation .logo.color {opacity: 0;}
	
	
	/* Navbar Open */
	.sticky-navigation.opened {background-color: #FFF; opacity: 1; border-bottom:1px solid rgba(255,255,255,0);}
	.sticky-navigation.opened .nav {padding-top:0px;padding-bottom:0px;}
	.navbar-default.opened {box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08);}
	.sticky-navigation.opened .navbar-brand{margin-top:5px;width:200px;height:60px;}
	/* SVG */

	.opened .svg-logo .white {fill: #FFFFFF;}
	.opened .svg-logo .blue {fill: #15809D;}
	
	/* no SVG fallback */
	.no-svg .sticky-navigation.opened .logo.white {opacity: 0;}
	.no-svg .sticky-navigation.opened .logo.color {opacity: 1;}
	
	/* Home link hack */
	.icon-home {
		overflow: hidden;
		padding: 15px 18px !important;
		font-size: 18px !important;
		margin-right: 10px;
	}
	
	@media (max-width: 991px) {
		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0px;}
		.nav-toggle {margin-right: 0px;}
		.sticky-navigation.opened .navbar-brand,
		.sticky-navigation .navbar-brand{margin-top:-4px;margin-bottom:14px;width:160px;height:45px;}
		.sticky-navigation.opened .nav,
		.sticky-navigation .nav {padding-top:0px; padding-bottom: 0px;}
		.sticky-navigation.opened, .sticky-navigation {background-color: #FFF; opacity: 1;}
		.navbar-default {box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08);}
		/* SVG */
		.svg-logo .white {fill: #FFFFFF;}
		.svg-logo .blue {fill: #15809D;}
		/* no SVG fallback */
		.no-svg .sticky-navigation .logo.color {opacity: 1;}
		
		.navbar-default .navbar-nav li a,
		.navbar-default .navbar-nav li .separator {
			color: #606060;
			font-size: 14px;
			letter-spacing: 1px;
			line-height: 30px;
		  }
		/* Home link hack */
		.icon-home {
			overflow: visible;
			padding: 15px !important;
			font-size: 12px !important;
			margin-right: inherit;
			width: 100%;
			text-align: left;
			font-family: "Montserrat", Arial !important;
		}
		.fa-home.icon-home::before {
			display: none;
		}
	}
	@media (max-width: 768px) {
		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 15px;}
		.nav-toggle {margin-right: 15px;}
	}
	
	
/* Context menu */

.fixed {
	position: fixed;
	top: 71px; /* update js in index.php if this changes */
	z-index: 987;
}
.push {
	margin-bottom: 39px;
}
.context-menu {
	width: 100%;
	background-color: #15809D;
}
@media (max-width:991px) {
	.push {
		margin-bottom: 0px;
	}
}

/*
  Page titles
  =================== */
  
.mainheading-wrapper {
	background-size: cover;
	margin: 0px -15px;
}
@media (max-width:1199px) {
	
}
@media (max-width:768px) {
	
}
@media (max-width:480px) {
	
}

/*
  slider section
===================== */
#slider {
  min-height: 700px;
  padding-top: 220px;
  text-align: center;
}
#slider h1 {
	font-size: 90px;
	font-weight: 400;
	letter-spacing: 6px;
	color: #FFF;
	text-transform: uppercase;
}
#slider h3 {
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #FFF;
  text-transform:uppercase;
}
#slider hr {
	width: 200px;
	border-color: #97d2e3;
	border-width: 3px;
	margin-bottom: 40px;
	margin-top: 40px;
}
#slider .btn {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  font-weight: bold;
  padding: 12px 42px;
  margin: 40px 4px;
  transition: all 0.4s ease-in;
}
#slider .btn:hover {
  border-color: #10819e;
  background-color: #10819e;
}
#slider .btn-danger {
  border-color: transparent;
}


/*
  feature section
===================== */
#feature .col-md-12 {
  padding-top: 30px;
  padding-bottom: 40px;
}
#feature h3 {
  font-size: 16px;
}

/* Bar titles */
.block-title {
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin: 0px -15px;
	line-height: 80px;
	font-size: 24px;
}
.block-title.dark {color: #FFF !important;}

.title-block-module .custom {
	padding: 0px;
	margin: 0px -15px;
}



/* Feature Box Text macro */
.mod-box {
	margin: 40px;
	padding: 80px;
}
.mod-box .btn {
	margin-bottom: 0px;
}
@media (max-width:1199px) {
	.mod-box {
		margin: 20px;
		padding: 70px;
	}
}
@media (max-width:980px) {
	.mod-box {
		margin: 30px;
		padding: 60px;
	}
	.block-title {
		font-size: 22px;
	}
}
@media (max-width:768px) {
	.mod-box {
		margin: 20px;
		padding: 60px;
	}
	.block-title {
		font-size: 18px;
	}
}
@media (max-width:480px) {
	.mod-box {
		margin: 0px;
		padding: 40px 20px;
	}
}


/*
  Homepage Page Menus
  =================== */
#list-menu * {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#list-menu li {
	border-bottom: 1px solid;
}
#list-menu li:last-child {
	border-bottom: none;
}
#list-menu li a, #list-menu li a:visited, #list-menu li span.separator {
	display: block;
	padding: 0px;
	color: inherit;
	font-size: 14px;
	line-height: 65px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
}
#list-menu li a:hover, #list-menu li a:visited:hover, #list-menu li span.separator:hover {
	text-decoration: none;
	color: inherit;
	background-color: transparent;
}

.white #list-menu li { border-color: #f1f1f1; color: #2b2b2b;}
.light #list-menu li { border-color: #eeeeee; color: #2b2b2b;}
.dark #list-menu li { border-color: #353535; color: #aaaaaa;}
.color1 #list-menu li { border-color: #1f90ad; color: #FFF;}
.color2 #list-menu li { border-color: #d4dcde; color: #2b2b2b;}
.color3 #list-menu li { border-color: #2fd3ca; color: #FFF;}

.white #list-menu li:hover { background-color: #fafafa; text-indent:10px;}
.light #list-menu li:hover { background-color: #eeeeee; text-indent:10px;}
.dark #list-menu li:hover { background-color: #353535; text-indent:10px;}
.color1 #list-menu li:hover { background-color: #1f90ad; text-indent:10px;}
.color2 #list-menu li:hover { background-color: #d4dcde; text-indent:10px;}
.color3 #list-menu li:hover { background-color: #2fd3ca; text-indent:10px;}


@media (max-width:768px){
	.sub-list.mod-pad-md {padding: 0px !important;}
	.block-title {
		line-height: 65px;
	}

	#list-menu li a, #list-menu li a:visited, #list-menu li span.separator {
		line-height: 55px;
		text-align: center;
	}
	
	/* split menu in 2 columns... needs abit of work.
	#list-menu li {display:inline-block;width:50%; padding:25px 10px;}
	.white #list-menu li { border-right: 1px solid #f1f1f1;}
	.light #list-menu li { border-right: 1px solid #eeeeee;}
	.dark #list-menu li { border-right: 1px solid #353535;}
	.color1 #list-menu li { border-right: 1px solid #1f90ad;}
	.color2 #list-menu li { border-right: 1px solid #d4dcde;}
	.color3 #list-menu li { border-right: 1px solid #2fd3ca;} */

	.white #list-menu li:hover { background-color: #fafafa; text-indent:0px;}
	.light #list-menu li:hover { background-color: #eeeeee; text-indent:0px;}
	.dark #list-menu li:hover { background-color: #353535; text-indent:0px;}
	.color1 #list-menu li:hover { background-color: #1f90ad; text-indent:0px;}
	.color2 #list-menu li:hover { background-color: #d4dcde; text-indent:0px;}
	.color3 #list-menu li:hover { background-color: #2fd3ca; text-indent:0px;}
}
@media (max-width:480px){
	.block-title {
		line-height: 65px;
		font-size: 20px;
	}
}



/* Cloud Services */
.cloud-services {
	padding-top: 140px;
	padding-bottom: 100px;
}
.cloud-services .white h1, .cloud-services .white h2, .cloud-services .white h3, .cloud-services .white h4, .cloud-services .white h5, .cloud-services .white h6 {
	color: #1f90ad !important;
}
@media (max-width:768px){
	.cloud-services {
		padding-top: 70px;
	}
}

/* Promos */
.top-promo .custom {
	padding: 80px 20px;
	text-align: center;
}
.top-promo .custom h1 {
	color: #1f90ad;
	font-size: 46px;
	margin-bottom: 0px;
}
.top-promo .custom h4 {
	color: #353535;
	font-size:26px;
	margin-top: 0px;
}



/* SVG Icons */
.really-good {
	position: absolute;
	top: 45px;
	width: 100%;
}
.arrows-img {
	max-width: 100%;
}
@media (max-width:768px) {
	.really-good {
		top: 15px;
	}
}

.svg-block, .svg-block *,
.top-block, .top-block * {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.svgfallback {display: none;}
.no-svg .svgfallback {display:block;}

a.svg-block, a.svg-block {text-decoration: none;}
.svg-icons {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
.svg-icons .custom {
	padding-bottom: 0px;
}
.svg-block {
	display: block;
	margin: 0px;
	padding: 20px;
	width: 50%;
	float: left;
}
.response .svg-block {
	display: block;
	float: none;
	width: 100%;
}
.svg-container {
	display: block;
	width: 45%;
	margin: 0px auto;
}
.svg-block h5.svg-title {
	color: #EEEEEE;
	text-decoration: none !important;
	border: 0px none;
}
.svg-block:hover {
	background-color: #373737;
}
.svg-block:hover h5.svg-title {
	color: #FFF !important;
	text-decoration: none !important;
	border: 0px none;
}
/* .svg-block:hover #remote-support #right, .svg-block:hover #helpdesk #headphones {
	fill: #1f90ad;
}
.svg-block:hover #screen, .svg-block:hover #left, .svg-block:hover #face, .svg-block:hover #body {
	fill: #FFFFFF;
} */

.svg-block #remote-support #right, .svg-block #helpdesk #headphones {
	/*fill: #1f90ad;*/
	fill: #1f90ad;
}
.svg-block #screen, .svg-block #left, .svg-block #face, .svg-block #body {
	fill: #FFFFFF;
}


.svg-list {
	display: block;
	height: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.svg-list li {
	border-bottom: 1px solid #EFEFEF;
}
.svg-list li:last-child {
	border-bottom: 0px none;
}
.svg-list li span {
	cursor: pointer;
	display: block;
	line-height: 50px;
}
.svg-list li span:hover {
	color: #272727;
	background-color: #E9E9E9;
}

.response .svg-block #text {
	font-family: Arial;
}
.response .svg-block:hover {
	background-color: #FFFFFF;
}
.response .svg-block:hover h4.svg-title {
	color: #272727 !important;
	text-decoration: none !important;
	border: 0px none;
}
.response .svg-block:hover #watch-button, .response .svg-block:hover #watch, .response .svg-block:hover #pointer, .response .svg-block:hover #seconds {
	fill: #000000;
}
.response .svg-block:hover #time {
	fill: #1f90ad;
}

.response .svg-block:hover #text {
	fill: #000000;
	color: #000000;
}
.response .svg-block:hover #total {
	fill: #1f90ad;
}


@media (max-width:768px){
	/* .svg-block {
		height:230px;
	} */
	.svg-container {
		width: 55%;
	}
	.svg-container svg {
		max-width: 70%;
	}
}
@media (max-width:480px){
	/* .svg-block {
		height:180px;
	} */
	.svg-container {
		width: 85%;
	}
	.svg-block h4.svg-title {
		font-size: 14px;
	}
}


/* Animated SVG Circles */

/* Load animation */

@-webkit-keyframes 
load { 0% {
stroke-dashoffset:0
}
}
@-moz-keyframes 
load { 0% {
stroke-dashoffset:0
}
}
@keyframes 
load { 0% {
stroke-dashoffset:0
}
}

/* Container */

.progress-svg {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 0px;
  text-align: center;
}
/* Fallback */
.progress-fallback {
	display:none;
}
.no-svg .progress-fallback {
	display: block;
	width: 100%;
	max-width:100%;
}
.no-svg svg,
.no-svg .progress-svg>li .valign {
	display: none;
}

/* Item */

.progress-svg>li {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #93A2AC;
  font-family: "Montserrat","Arial";
  font-weight: 100;
  margin: 1em 2em;
}
.progress-svg>li:before, .progress-svg>li:after {
	
}


/*
.progress-svg>li:before {
  content: attr(data-name);
  position: absolute;
  width: 90%;
  bottom: 2em;
  font-weight: 400;
  font-size:12px;
  margin: 0px auto;
}

.progress-svg>li:after {
  content: attr(data-percent);
  position: absolute;
  width: 100%;
  top: 1.45em;
  left: 0;
  font-size: 2.5em;
  text-align: center;
}
*/
.progress-svg .text-main, .progress-svg .text-sub {
	width: 80%;
	margin: 0px auto;
	display:block;
	text-align: center;
	font-weight: 400;
}
.progress-svg .text-main {
	font-size: 2em;
}
.progress-svg .text-sub {
	font-size: 12px;
	line-height:15px;
}

.ie9 img[src$=".svg"] {
  width: 100%; 
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}

.progress-svg svg {
  /*width: 17rem;*/
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}


.progress-svg svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

.progress-svg svg:nth-child(2) path {
  fill: none;
  stroke-width: 14;
  stroke-dasharray: 630;
  stroke: rgba(240,240,240, 1);
  -webkit-animation: load 3s;
  -moz-animation: load 3s;
  -o-animation: load 3s;
  animation: load 3s;
}

.size-fix {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
img.fix {
	width: 100%;
	height: auto;
}



.onsite-contact .progress-svg > li {
	position: relative;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-right: 0.8%;
	margin-left: 0.8%;
	max-width: 18%;
	width: 18%;
	height: auto;
}
.onsite-contact .progress-svg > li:last-child {
	margin-right: 0px;
}
.onsite-contact .progress-svg .text-main {
	font-size: 3.6em;
	line-height: 105%;
}
.onsite-contact .progress-svg .text-sub {
	font-size: 16px;
}
@media (max-width:1199px) {
	.onsite-contact .progress-svg .text-main {
		font-size: 3em;
	}
	.onsite-contact .progress-svg .text-sub {
		font-size: 15px;
	}
}
@media (max-width:992px) {
	.onsite-contact .progress-svg .text-main {
		font-size: 2.7em;
	}
	.onsite-contact .progress-svg .text-sub {
		font-size: 14px;
	}
}

@media (max-width:768px) {
	.progress-svg .valign {
		top: 50%;
		transform: translateY(-50%);
	}
	.onsite-contact .progress-svg .text-main {
		font-size: 2.2em;
	}
	.onsite-contact .progress-svg .text-sub {
		font-size: 12px;
	}
	.onsite-contact .progress-svg > li {
		width: 30%;
		max-width: 30%;
		text-align: center;
	}
	.onsite-contact .progress-svg > li.svg-label {
		width: 90% !important;
		max-width: 100% !important;
		font-weight: 400;
		margin: 0px auto;
		padding-bottom: 10px;
		border-bottom: 1px solid #f1f1f2;
	}
	.onsite-contact .progress-svg {
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media (max-width:480px) {
	.onsite-contact .progress-svg .text-main {
		font-size: 1.8em;
		top: 26%;
	}
}




/* TEMP UNTIL I FIX SVG */
.phone .progress-svg, .onsite .progress-svg {
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.phone .progress-svg {
	margin: 0px 3% 0px;
}
.phone .progress-svg .text-main,
.onsite .progress-svg .text-main {
	font-size: 3em;
}
.phone .progress-svg > li {
	margin: 20px;
	-webkit-flex: 1 1 35%;
	-moz-flex: 1 1 35%;
	-ms-flex: 1 1 35%;
	-o-flex: 1 1 35%;
	flex: 1 1 35%;
}
.onsite .progress-svg > li{
	margin: 20px;
	-webkit-flex: 1 1 25%;
	-moz-flex: 1 1 25%;
	-ms-flex: 1 1 25%;
	-o-flex: 1 1 25%;
	flex: 1 1 25%;
}
@media (max-width: 1199px) {
	.phone .progress-svg > li {
		margin: 15px;
	}
	.onsite .progress-svg > li{
		margin: 15px;
	}
}
@media (max-width: 991px) {
	.phone .progress-svg .text-main,
	.onsite .progress-svg .text-main {
		font-size: 2em;
	}
	.phone .progress-svg {
		margin: 0px 15% 30px;
	}
	.phone .progress-svg > li {
		margin: 10px;
	}
	.onsite .progress-svg > li{
		margin: 10px;
	}
}
@media (max-width:768px) {
	.phone .progress-svg > li {
		margin: 5px;
	}
	.onsite .progress-svg > li{
		margin: 5px;
	}

}





/* Top Contact Info */

.top-contact > .custom {
	padding-bottom: 0px;
}
.top-contact-info {
	margin: 0px;
	padding: 0px 20px;
	list-style-type: none;
	font-family: 'Montserrat', 'Arial';
}
.top-contact-info h4 {
	margin-top: 30px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.top-contact-info li {
	border-bottom: 1px solid #1f90ad;
	padding: 10px 0px;
}
.top-contact-info li:first-child {
	padding: 0px;
}
.top-contact-info li:first-child, .top-contact-info li:last-child {
	border: 0px none;
}
.top-contact-info i {
	
}
.top-contact-info li a {
	color: #FFFFFF;
	line-height:34px;
	display: block;
}
.top-contact-info li a:hover {
	text-decoration: none;
	color: #FFF;
}
.top-contact-info li a:hover i {
	color: #1f90ad;
}

@media (min-width:1199px) {
	.top-contact-info {
		margin: 0px;
		padding: 0px 40px;
		list-style-type: none;
	}
	.top-contact-info li a {
		font-size: 21px;
	}
}
@media (max-width:980px) {
	.top-contact-info {
		padding: 20px 15px;
	}
}
@media (max-width:768px) {
	.top-contact-info {
		padding: 10px 10px 0px;
	}
	.top-contact-info li a {
		color: #FFFFFF;
		line-height:32px;
		font-size: 20px;
		text-align: center;
	}
	.top-contact-info h4 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}






.top-block {
	padding: 20px;
	text-transform: uppercase;
	display: block;
	width: 100%;
	height: 100%;
}
.top-block:hover {
	text-decoration: none;
	background-color: rgba(16,129,158, 0.8);
}
.top-block:hover h4.top-links {
	color: #FFF !important;
}



/* Partners Macro */
.partners {
	padding: 40px 0px;
}
.partners .thumb {
	float: left;
	text-align: center;
	padding: 0px;
	border-bottom: 2px solid #FFF;
	width: 14%;
}
.partners > .custom > p {
	padding: 0px 30px;
}
.partners .thumb:hover {
	border-color: #1f90ad;
}

@media (max-width:1199px) {
	.partners .thumb {
		width: 20%;
	}
}
@media (max-width:980px) {
	.partners .thumb {
		width: 25%;
	}
}
@media (max-width:768px) {
	.partners .thumb {
		width: 33.33%;
	}
}
@media (max-width:480px) {
	.partners .thumb {
		width: 50%;
	}
}


/*
  team section
===================== */
#team {
  padding-bottom: 0;
}
#team .col-md-4 {
  padding: 10px;
}
#team h3 {
  color: #009988;
  font-size: 14px;
  font-weight: bold;
}
#team .team-wrapper .team-des {
  position: relative;
  cursor: pointer;
  padding-top: 60px;
  padding-bottom: 60px;
  bottom: 40px;
  transition: all 0.4s ease-in-out;
}
#team .team-wrapper:hover .team-des {
  background: #3b3b3b;
  bottom: 60px;
}


/*
  services section
===================== */
.services-horiz {
  display: block;
  padding: 40px;
  overflow: visible;
}
.service-item {
	background-color: #FFF;
	box-shadow: 0 3px 5px rgba(10, 140, 170, 0.1), 0 20px 30px rgba(10, 140, 170, 0.3);
	color: #999999;
	margin: 0px 20px;
}

.service-padd {
	padding: 40px 40px 100px;
	text-align: center;
	height:100%;
	position: relative;
}
.service-padd .newsflash-title {
	border-bottom: 3px solid #10819E;
	color: #272727;
	margin-bottom: 40px;
	margin-top: 0px;
	padding-bottom: 30px;
	text-transform: uppercase;
}

.service-item .btn-quote {
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 25px;
	background-color: #f9f9f9;
	border: 0px none;
	border-top: 1px solid #f0f0f0;
	font-family: "Montserrat","Arial";
	text-transform: uppercase;
}
.service-item .btn-quote.readmore {
	border-left: 1px solid #f0f0f0;
}
.service-item .btn-quote:hover {
	background-color: #10819E;
	border-color: #10819e;
}

@media (max-width: 1199px){
	.services-horiz {
		padding: 40px 24px;
	}
	.service-item {
		margin: 30px 0px;
	}
	.service-padd {
		padding: 40px 25px 100px;
	}
}

@media (max-width:980px){
	.services-horiz {
		padding: 40px 0px;
	}
	.service-item {
		margin: 30px 0px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
	.service-padd {
		padding: 40px 30px 90px;
	}
}

@media (max-width:768px){
	.services-horiz {
		padding: 40px 20px;
	}
	.service-item {
		margin: 30px 0px;
	}
	.service-padd .newsflash-title {
		margin-bottom: 0px;
		border-bottom: 0px none;
	}
	.service-padd {
		padding: 40px 30px 54px;
	}
	.service-item .intro-text {
		display: none;
	}
}



/*
  service agreement list
======================== */
.service-agreement {
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #FFF;
}

.service-agreement tr {
    -ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.service-agreement td, .service-agreement th {
    display: block;
    width: 15%;
	text-align: center;
	color: #FFF;
	font-weight: 400;
	padding: 5px;
	border-bottom: 1px solid;
	border-color: rgba(255,255,255,0.3);
}
.service-agreement td.sa-service,
.service-agreement th.cleared {
	width: 55%;
	min-height: 40px;
	line-height: 40px;
	text-align: left;
	color: #384e59;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-color: rgba(0,0,0,0.07);
}
.service-agreement th.cleared {
	border-left: 0px none;
}
		
.service-agreement th h4 {
	color: #FFF !important;
	margin: 20px 0px !important;
	text-shadow: 0px 3px 7px rgba(0,0,0,0.3);
	letter-spacing: 1px;
}
.sa-bronze {
	/* background-color: #ed9c6e; */
	background-color: #64d5f2;
}
.sa-silver {
	/* background-color: #c2c8cc; */
	background-color: #4ebfdc;
}
.sa-gold {
	/* background-color: #f4c548; */
	background-color: #3fb0cd;
}

.sa-yes, .sa-no {
	display: block;
	margin: 5px auto;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #FFF;
	border-radius: 4px;
	-webkit-box-shadow: 0px 4px 17px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 17px rgba(0,0,0,0.15);
	background-size: cover !important;
}
.sa-yes {
	background: url(../images/icon-yes.png) no-repeat center center #FFF;
}
.sa-no {
	background: url(../images/icon-no.png) no-repeat center center #FFF;
	opacity: 0.6;
}

@media screen and (max-width: 768px) {
	.service-agreement td, .service-agreement th {
		width: 33.333%
	}
	.service-agreement td.sa-service,
	.service-agreement th.cleared {
		text-align: center;
		color: #FFF;
		line-height: 20px;
		padding-top: 20px;
	}
	.sa-yes, .sa-no {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	.service-agreement th:first-child,
	.service-agreement td:first-child {
		text-align: center;
		color: #384e59;
		background: #FFF;
		width: 100%;
		border-left: 0px none;
	}
	.service-agreement th:first-child {
		display: none;
	}
}




/*
  contact section
===================== */




/*
  footer section
===================== */
footer {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 7px;
}
footer p {
  padding-top: 20px;
}
.social-icon {
  padding: 0;
  margin: 0;
}
.social-icon li {
  list-style: none;
  display: inline-block;
  padding: 10px;
}
.social-icon li a {
  border: 1px solid #dce4e6;
  border-radius: 50%;
  color: #dce4e6;
  font-size: 18px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in;
}
.social-icon li a:hover {
  background: #dce4e6;
  color: #2b2b2b;
}

#footer .footer-info .blok-link {
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #dce4e6;
}
#footer .footer-info .blok-link h4 {margin: 0px; padding: 20px 0px 15px; color: #697F8A;}
#footer .footer-info .blok-link p {margin: 0px; padding: 0px 0px 20px;}

#footer .footer-info .blok-link:hover,
#footer .footer-info .blok-link:hover p,
#footer .footer-info .blok-link:hover h4 {
	color: #FFFFFF;
}
#footer .footer-info .blok-link:hover {
	background-color: #405661;
}

@media (min-width:1200px){
	#footer .footer-info .socials:last-child {
		border-left: 1px solid #405661;
	}
}
@media (max-width:1199px){
	#footer .footer-info .socials:last-child {
		border-top: 1px solid #405661;
	}
}


/* FORM STYLES */
.snug .ba-form {padding: 0px;}
.ba-form * {
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-ms-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}
.tool {
	position: relative !important;
	margin-bottom: 30px !important;
}
.question-form input, .question-form textarea {
}
.question-form input:focus, .question-form textarea:focus {
	outline: none !important;
}
/*
.question-form label {
	position: absolute !important;
	left: 50px !important;
	top: 16px !important;
	margin-bottom: 0px !important;
	
}
.question-form .ba-form input:focus ~ label, .question-form .ba-form input.used ~ label,
.question-form .ba-form textarea:focus ~ label, .question-form .ba-form textarea.used ~ label {
	transition: translateY(-20px);
	font-size: 14px !important;
	color: #10819e !important;
}
*/
.question-form .ba-form input.used, .question-form .ba-form input:focus, .question-form .ba-form textarea.used, .question-form .ba-form textarea:focus  {
	border-color: rgba(255, 255, 255, 0) !important;
	background-color: rgba(255, 255, 255, 0.18) !important;
}

/* Animate bottom border 
.bar {
	position: relative;
	display: block;
	width: 100%;
}
.bar:before, .bar:after {
	content: "";
	height: 2px;
	width: 0px;
	bottom: 1px;
	position: absolute;
	background-color: #10819e;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.bar:before {
	left: 50%;
}
.bar:after {
	right: 50%;
}
input.used ~ .bar:before, input.used ~ .bar:after,
input:focus ~ .bar:before, input:focus .bar:after,
textarea.used ~ .bar:before, textarea.used ~ .bar:after,
textarea:focus ~ .bar:before, textarea:focus .bar:after {
	width: 50%;
}
*/


/* Copyright */
#copyright {
	padding: 40px 0px 20px;
}


/* BACK TO TOP */
#back-top {
	position: fixed;
	right:20px;
	bottom:25px;
	border-radius: 50%;
	z-index: 678876;
}
#back-top a {
	-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-ms-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-o-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	
	padding: 12px 15px;
	display: block;
	border-radius: 50%;
	font-size: 13px;
	line-height: 16px;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	color: #00a0b8;
	background-color: #10819e;
}
#back-top a:hover {
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	padding: 19px 22px;
	color: #FFF;
	text-decoration: none;
}



/* COLORS */
.color1 {background-color: #10819e; color: #FFFFFF !important;}
.color2{background-color: #dce4e6; color: #384e59 !important;}
.color3{background-color: #97d2e3; color: #FFFFFF !important;}
.dark {background-color: #384e59; color: #E0E0E1 !important;}
.light{background-color: #FAFAFB; color: #555555 !important;}
.white{background-color: #FFFFFF; color: #555555 !important;}

.color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 h5, .color1 h6, .color1 p {
	color: #FFFFFF !important;
}
.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 h5, .color2 h6, .color2 p {
	color: #384e59 !important;
}
.color3 h1, .color3 h2, .color3 h3, .color3 h4, .color3 h5, .color2 h6, .color3 p {
	color: #FFFFFF !important;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p {
	color: #E0E0E1 !important;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p,
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p {
	color: #384e59 !important;
}


h1.mod-title.blue,
h2.mod-title.blue,
h3.mod-title.blue,
h4.mod-title.blue {
	color: #10819e !important;
}

.valign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
/*
   MACROS
   ================== */
.bottom .container > .row {
	overflow: visible;
}
.bottom {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.bottom .blocks {
  position: relative;
  bottom: 0px;
  margin-top: 60px;
  margin-bottom: -130px;
}
.blocks p {
  line-height: 16px;
}
.blocks a, .blocks a:visited {
	color: #384e59;
	text-decoration: none;
}
.blocks a:hover, .blocks a:visited:hover {
	text-decoration: underline;
}
.blocks .block {
  padding: 30px 10px 40px;
  display: block;
  text-align:center;
}

.bottom .blocks .block h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 12px;
  color: #FFF;

}
.blocks .block i.fa {
  display: block;
  margin: 10px auto 20px;
  color: #ffffff;
  font-size: 58px !important;
}



/*
  responsive mobile
===================== */
@media (max-width: 991px) {
	.navbar-default .navbar-nav li a,
	.navbar-default .navbar-nav li .separator {
		font-size: 12px;
	}
	.kablue.sticky-navigation {
		background-color: #10819e;
	}
	.kablue .svg-logo .blue {
		fill: #FFF;
	}
	.kablue .svg-logo .white {
		fill: #10819e;
	}
	.kablue .nav-toggle span {
		background-color: #FFF;
	}
	.kablue .navbar-collapse {
		border-color: #FFF;
	}
	
	.kablue .dropit {
		border-color: #1f90ad;
		color: #1f90ad;
	}
	.kablue .dropit:hover, .kablue .open .dropit {
		background-color: #1f90ad;
		color: #FFF;
	}
	.kablue .navbar-nav .open .dropdown-menu {
		background-color: #1f90ad;
	}

	.kablue.navbar-default .navbar-nav > .active > .separator,
	.kablue.navbar-default .navbar-nav > .active > a,
	.kablue.navbar-default .navbar-nav > .active > a:hover,
	.kablue.navbar-default .navbar-nav > .active > a:focus,
	.kablue.navbar-default .navbar-nav > .current > .separator,
	.kablue.navbar-default .navbar-nav > .current > a,
	.kablue.navbar-default .navbar-nav > .current > a:hover,
	.kablue.navbar-default .navbar-nav > .current > a:focus,
	
	.kablue.navbar-default .navbar-nav .dropdown-menu > .active > a,
	.kablue.navbar-default .navbar-nav .dropdown-menu > .active > a:hover, 
	.kablue.navbar-default .navbar-nav .dropdown-menu > .active > a:focus,
	.kablue.navbar-default .navbar-nav .dropdown-menu > .current > a,
	.kablue.navbar-default .navbar-nav .dropdown-menu > .current > a:hover, 
	.kablue.navbar-default .navbar-nav .dropdown-menu > .current > a:focus,
	
	.kablue.navbar-default .navbar-nav li a:hover,
	.kablue.navbar-default .navbar-nav li a:focus,
	.kablue.navbar-default .navbar-nav li .separator:hover,
	.kablue.navbar-default .navbar-nav li .separator:focus,

	.kablue.navbar-default .navbar-nav li .dropdown-menu li a,
	.kablue.navbar-default .navbar-nav li .dropdown-menu li a:hover, 
	.kablue.navbar-default .navbar-nav li .dropdown-menu li a:focus {
		color: #FFF;
	}
	.kablue.navbar-default .navbar-nav li a,
	.kablue.navbar-default .navbar-nav li .separator {
		color: #4abbd8;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
		background-color: rgba(255,255,255,0.2);
	}
	.heading-content {
		padding-top: 180px !important;
		padding-bottom: 130px !important;
	}
	.header_text h1 {
		font-size: 180% !important;
	}
	.header_text h4 {
		font-size:150% !important;
	}
}

@media (max-width: 768px) {
	.navbar-default .navbar-brand {
		line-height: 18px;
	}
	#slider {
		padding-top: 80px;
		min-height: 450px;
		background-size: cover !important;
		background-position: center 40px !important;
	}
	#slider h1 {
		font-size: 50px;
		letter-spacing:2px;
	}
	#slider h3 {
		font-size: 26px;
		letter-spacing: 0px;
		margin: 0px 0px 40px;
	}
	#slider .btn {
		border: 2px solid #ffffff;
		letter-spacing: 0px;
		padding: 8px 20px;
		margin-top: 40px;
		 margin: 0px 2px;
	}
	.social-icon li {
	  padding: 15px 7px;
	}
	.valign {
		position: relative;
		top: 0%;
		transform: translateY(0%);
	}
	.heading-content {
		padding-top: 140px !important;
		padding-bottom: 90px !important;
	}
	.header_text h1 {
		font-size: 150% !important;
	}
	.header_text h4 {
		font-size:120% !important;
	}
}

@media (max-width: 480px) {
	#slider {
		padding-top: 120px;
		min-height: 370px;
		background-size: cover !important;
		background-position: center 40px !important;
	}
	#slider h1 {
		font-size: 46px;
		letter-spacing: 0px;
	}
	#slider h3 {
		font-size: 22px;
		letter-spacing: 0px;
	}
	#contact .contact-address {
		text-align: center;
	}
	#contact .contact-email,
	#contact .contact-phone, #contact .contact-website {
		padding-top: 100px;
		padding-right: 60px;
		padding-bottom: 100px;
		padding-left: 60px;
	}
	#contact .medium-icon {
		display: block;
		margin-bottom: 24px;
	}
	.social-icon li {
	  padding: 15px 3px;
	}
}