/* custom stylesheet for mox, written "mobile first" */
/* elements, including bootstrap overrides */
html {
	font-size: 62.5%; /* set up rem as 10px; */
}
body {
	background-color: #fff;
	height: 100%;
	width: 100%;
	margin: 0;
	font: normal 400 14px/1.4857 Lato, Arial, "Helvetica Neue", sans-serif;
	font: normal 400 1.4rem/1.4857 Lato, Arial, "Helvetica Neue", sans-serif;
	color: #5f5d5d;
	
}

h1, h2, h3, h4, h5 {
	color: #414042;
	font-family: Lato, Tahoma, Verdana, sans-serif;
}

a {
	color: #48bcec;
}
	a:hover {
		color: #396aaa
	}
	a:active, a:focus {
		outline: 0 none;
	}
/* common page classes and ids */
.text-center img {
	display: block;
	margin: 0 auto;
}
h1.page-title, h2.page-title {
	font-weight: 900;
	font-size: 21px;
	font-size: 2.1rem;
	color: #414042;
	/* margin: 12px 15px 10px 15px;
	margin: 1.25rem 1.5rem 1rem 1.5rem; */	
}
h2.article-title, h2.section-title {
	font-weight: 700;
	font-size: 18px;
	font-size: 1.8rem;
	/* color: #2ec5f2; */
	color: #26acf8;
}
.shadow {
	-webkit-box-shadow: 0px 0px 53px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	padding: 20px 40px 30px 40px;
//	margin: 8px;
//	width: 30%;
	box-sizing: border-box;
}

/* buttons */
a.mox-primary {
	background: #26acf8;
	background: -moz-linear-gradient(top, #26acf8 5%, #26acf8 100%);
	background: -webkit-linear-gradient(top, #26acf8 5%, #26acf8 100%);
	background: linear-gradient(to bottm, #26acf8 5%, #26acf8 100%);
	
	
	border: 0 solid #dcdcdc;
	border-radius: 7px;
	-moz-box-shadow: 0 -4px 0 0 #3667ac inset;
	-webkit-box-shadow: 0 -4px 0 0 #3667ac inset;
	box-shadow: 0 -4px 0 0 #3667ac inset;
	color: #ffffff;
	display: inline-block;
	float: left;
	font-size: 12px;
	padding: 18px;
	text-decoration: none;
	width: 160px;
	outline: 0 none;			
}
	a.mox-primary:hover {
		background: -moz-linear-gradient( center top, #3667ac 5%, #3667ac 100% );
		background: -ms-linear-gradient( top, #3667ac 5%, #3667ac 100% );
		filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#3667ac', endColorstr='#3667ac');
		background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #3667ac), color-stop(100%, #3667ac) );
		background-color: #3667ac;		  
		transform: scaleX(0.99) scaleY(0.98);
		color: #fff;					
	}
a.mox-clear {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	border: 2px solid #fff;
	border-radius: 7px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	margin: 22px 40px 0 0 !important;
	padding: 17px;
	text-decoration: none;
	width: 160px;			
}
	a.mox-clear:hover {
		background: -moz-linear-gradient( center top, rgba(249, 249, 249, 0.3) 5%, rgba(249, 249, 249, 0.3) 100% ) !important;
		background: -ms-linear-gradient( top, rgba(249, 249, 249, 0.3) 5%, rgba(249, 249, 249, 0.3) 100% ) !important;
		filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(249, 249, 249, 0.3)', endColorstr='rgba(249, 249, 249, 0.3)') !important;
		background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, rgba(249, 249, 249, 0.3)), color-stop(100%, rgba(249, 249, 249, 0.3)) ) !important;
		background-color: rgba(249, 249, 249, 0.1) !important;		  
		transform: scaleX(0.99) scaleY(0.99);
	}	
a.mox-sm {
	padding: 10px;
	width: 100px;
}
/* common page sections */
header.site-header {
	width: 100%;
	background: transparent url(../img/KORE_BG2.jpg) no-repeat center top;
	background-size: fill;
	height: 140px;
	overflow: hidden;
} 
	/* .site-header:after {
		display: block;
		width: 100%;
		height: 50px;
		height: 5rem;
		content: "";
		
		margin-top: 40px;
		margin-top: 4rem;
	}
	.site-header .row {
		padding-left: 15px;
	} */
	#mainnav {
		background-color: transparent;
		color: #26acf8;
		border-width: 0;
		//overflow: hidden;
	}
		#mainnav .navbar-header {
			width: 100%;
		}
		#mainnav button.navbar-toggle {
			display: block;
			background-color: #3668ac;
			margin-top: 35px;
			float: right;
		}
			.navbar-toggle span.icon-bar {
				background-color: #fff;
			}
		#mainnav #myNavbar {
			//display: none !important;
			margin-top: 30px;
			margin-top: 3rem;
			position: absolute;
			right: -120%;
			z-index: 100;
			margin-right: -15px;
			background-color: #232323;
			display: inline-block;
			-moz-transition: right, 0.5s;
			-o-transition: right, 0.5s;
			-webkit-transition: right, 0.5s;
			transition: right 0.5s;
			width: 250px;
		}
			/* #mainnav #myNavbar.in {
				display: block !important;
			} */
			#mainnav #myNavbar.open {
				-moz-transition: right, 0.8s;
				-o-transition: right, 0.8s;
				-webkit-transition: right, 0.8s;
				transition: right 0.8s;
				right: 0;
				//width: 250px;
				padding-right: 40px;
				font-size: 150%;				
			}
				#mainnav #myNavbar.open li {
					display: block;
				}
					#mainnav #my
		#mainnav ul.navbar-nav {
			position: relative;
		}
		#mainnav a {
			color: #fff;
			font-size: 12px;
			font-size: 1.2rem;
			line-height: 1.42857;
			background-color: transparent;
			text-decoration: none;
			text-transform: uppercase;
			padding-left: 10px;
			padding-right: 10px;
		}
			#mainnav li {
				display: inline-block;
				float: left;
				width: 100%;
				text-align: right;
			}
			#mainnav a:hover, #mainnav li.current a, #mainnav li.open > a {
				color: #26acf8;
			}
			#mainnav .dropdown-menu {
				display: block;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				border-width: 0;
				background-color: transparent;
				background-image: none;
				margin-left: 20px;
				margin-left: 2rem;
				position: relative;
			}
				#mainnav .dropdown-menu li {
					display: block;
					float: left;
					width: 100%;
				}
			#mainnav .navbar-collapse {
				border-top-width: 0;
			}
			
			}
	#mainnav2 {
		background-color: transparent;
		color: #26acf8;
		border-width: 0;
	}
		#mainnav2 .navbar-header {
			width: 100%;
		}
		#mainnav2 button.navbar-toggle {
			display: block;
			background-color: #3668ac;
			margin-top: 35px;
			float: right;
		}
			.navbar-toggle span.icon-bar {
				background-color: #fff;
			}
		#mainnav2 #myNavbar {
			display: none !important;
			margin-top: 30px;
			margin-top: 3rem;
		}
			#mainnav #myNavbar.in {
				display: block !important;
			}
		#mainnav2 ul.navbar-nav {
			position: relative;
		}
		#mainnav2 a {
			color: #fff;
			font-size: 12px;
			font-size: 1.2rem;
			line-height: 1.42857;
			background-color: transparent;
			text-decoration: none;
			text-transform: uppercase;
			padding-left: 10px;
			padding-right: 10px;
		}
			#mainnav2 li {
				display: block;
				float: left;
				width: 100%;
			}
			#mainnav2 a:hover, #mainnav li.current a, #mainnav li.open > a {
				color: #26acf8;
			}
			#mainnav2 .dropdown-menu {
				display: block;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				border-width: 0;
				background-color: transparent;
				background-image: none;
				margin-left: 20px;
				margin-left: 2rem;
				position: relative;
			}
				#mainnav2 .dropdown-menu li {
					display: block;
					float: left;
					width: 100%;
				}
			#mainnav2 .navbar-collapse {
				border-top-width: 0;
			}

/* the nav link, controlled by js */
.menu-open-link {
	-moz-transition: all, 0.2s, ease-out 1s;
	-o-transition: all, 0.2s, ease-out 1s;
	-webkit-transition: all, 0.2s, ease-out 1s;
	transition: all 0.2s ease-out 1s;
}

.menu-open-link {
	box-sizing: content-box; /* without this, it won't show!!! */
	display: block;
	/* this will show only on small screens */
	top: 0;
	left: 150px;
	/* "#menu width" */
	font-size: 10px;
	/* change this value to increase/decrease button size */
	z-index: 10;
	width: 2em !important;
	height: auto;
	padding: 2.1em 1.6em;
	float: right;
}

.menu-open-link:hover,
.menu-open-link:focus {
	outline: none;
	background-color: transparent !important;
}

.menu-open-link span {
	position: relative;
	display: block;
}

.menu-open-link span,
.menu-open-link span:before,
.menu-open-link span:after {
	background-color: #fff;
	width: 100%;
	height: .2em;
	-moz-transition: all, 0.8s 1s;
	-o-transition: all, 0.8s 1s;
	-webkit-transition: all, 0.8s 1s;
	transition: all 0.8s 1s;
}

.menu-open-link span:before,
.menu-open-link span:after {
	position: absolute;
	margin-top: -.6em;
	content: " ";
}

.menu-open-link span:after {
	margin-top: .6em;
}

.menu-open-link.active span {
	background: transparent;
}

.menu-open-link.active span:before {
	-webkit-transform: rotate(45deg) translate(0.5em, 0.4em);
	-moz-transform: rotate(45deg) translate(0.5em, 0.4em);
	-ms-transform: rotate(45deg) translate(0.5em, 0.4em);
	-o-transform: rotate(45deg) translate(0.5em, 0.4em);
	transform: rotate(45deg) translate(0.5em, 0.4em);
}

.menu-open-link.active span:after {
	-webkit-transform: rotate(-45deg) translate(0.45em, -0.35em);
	-moz-transform: rotate(-45deg) translate(0.45em, -0.35em);
	-ms-transform: rotate(-45deg) translate(0.45em, -0.35em);
	-o-transform: rotate(-45deg) translate(0.45em, -0.35em);
	transform: rotate(-45deg) translate(0.45em, -0.35em);
}


					
/* the top most section of actual content */
section#maincontent {
	
}
	#maincontent article.col-md-12 {
	 padding-left: 0;
	 padding-right: 0;
	}
		/* #maincontent article .article-title,
		#maincontent .page-title {
			margin-left: 15px;
			margin-left: 1.5rem;
		}  */
		#maincontent article p {
			margin-bottom: 10px;
			margin-bottom: 1rem;	
		}
		#maincontent article aside {
			
		}
			#maincontent article aside.images {
				padding-left: 0;
			}
			#maincontent article aside img {
				margin-bottom: 10px;
				margin-bottom: 1rem;
			}

footer.site-footer {
	width: 100%;
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 20px;
	margin-top: 2rem;
	background-color: #232323;
	color: #fff;
	padding-bottom: 2rem;
	padding-bottom: 20px;
}
	footer.site-footer h1 {
		color: #fff;
		font-weight: 300;
		font-size: 2.5rem;
		font-size: 25px;
	}
	.site-footer article {
		padding: 0;
		overflow: hidden;
	}
	.site-footer .press-row {
		background-color: #232323;
		padding: 20px 0;
		padding: 2rem 0;
	}
		.site-footer a.btn-primary {
			margin: 25px 40px 0 0;
		}
	
	
		.site-footer p.copyright {
			color: #26acf8;
			text-align: center;
		}
	
	.site-footer a.phone-link {
		color: #fff;
		text-decoration: none;
	}
#back-top {
	background-color: #3667ac;
    bottom: 20px;
    display: none;
    right: -22px;
    margin: 0;
    padding: 0;
    position: fixed;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE 8 */
	-ms-transform: rotate(90deg); /* IE 9 */
		-moz-transform: rotate(90deg); /* Firefox */
			-webkit-transform: rotate(90deg); /* Safari and Chrome */
				-o-transform: rotate(90deg); /* Opera */
					transform: rotate(90deg);
}
	#back-top a {
	    color: #fff;
	    display: block;
	    padding: 15px 10px;
	    text-decoration: none;
	}

/* page-specific stuff */
#home header.site-header {
	min-height: 100px;
	min-height: 10rem;
	height: auto;
	background: transparent url(../img/KORE_BG.jpg) no-repeat center top;
	background-size: fill;
}
#home header:after {
	display: none;
}
#home header #hero {
	height: 600px;
	color: #fff;
	clear: both;
	margin-top: 100px;
}
	#home #hero h1 {
		color: #fff;
		font-weight: 300;
		font-size: 42px;
		line-height: 50px;
	}
	
	#home #hero p {
		color: #fff;
		font-weight: 300;
		font-size: 18px;
		line-height: 25px;
	}
	
		#home #hero3 {
	background-color: #232323;
	background-size: fill;
	height: 180px;
	color: #232323;	
}
	#home #hero3 h1 {
		color: #fff;
		font-weight: 300;
		font-size: 25px;
	}
	
	#home #hero3 h4 {
		color: #fff;
		font-weight: 500;
		font-size: 15px;
		line-height: 23px;
	}
		
		#home #hero2 {
	background: transparent url(../img/KORE_BG_bottom.jpg) no-repeat center top;
	background-size: fill;
	height: 320px;
	color: #232323;	
}
	#home #hero2 h1 {
		color: #232323;
		font-weight: 300;
		font-size: 42px;
	}
	
	#home #hero2 h4 {
		color: #232323;
		font-weight: 500;
		font-size: 15px;
		line-height: 25px;
	}
	#home #hero2 a.watch-video {
		margin: 22px 40px 0 0!important;
	}
		#home #hero2 a.watch-video:hover {
		}
	#home #hero2 a.view-more {
	}
		#home #hero2 a.view-more:hover {
						
		}
		


}	
		
#home #maincontent {
	padding-bottom: 20px;
	padding-bottom: 2rem;
	padding-top: 20px;
	padding-top: 2rem;
}
	#home #maincontent article {
		/* overflow: hidden; */
		padding-bottom: 40px;
	}
		#home #maincontent article:after {
			clear: both;
			content: "";
			display: block;
			height: 0;
		}
	#home #maincontent h2.article-title {
		color: #232323;
	}
	#home #maincontent aside span.m_banner_show,
	#home #maincontent aside span.m_banner_hide {
		width: 100%;
	}
		#home #maincontent aside span.m_banner_show img {
			width: 100%;
			height: auto;
		}
#home #whysection {
	text-align: center;
	padding: 13px 15px 50px;
}
	#home #whysection h1 {
		color: #232323;
		font-weight: 300;
		font-size: 42px;
		line-height: 50px;
	}
		#home #whysection h2 span {
			font-weight: 400;
		}
	#home #whysection ul {
		list-style: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}
		#home #whysection li {
			display: inline-block;
			
		}
			#home #whysection li > div {
				padding-top: 120px;
				margin-top: 15px;
			}
			#home #whysection div.customer-service {
				background: transparent url("../img/CustomerService.png") no-repeat center 20px;	
			}
			#home #whysection div.quality {
				background: transparent url("../img/quality.png") no-repeat center 20px;
			}
			#home #whysection div.price {
				background: transparent url("../img/price.png") no-repeat center 20px;
			}
	#home #whysection p {
		//color: #fff;
	}
	#home #whysection a.btn {
		margin: 40px auto;
	}
		#home #whysection a.btn:active {
			position: relative;
			top: 1px;
		}

#home #services {
	background: transparent url(../img/KORE_BG_bottom.jpg) no-repeat center top;
	background-size: fill;
	height: 320px;
	color: #232323;	
}
	#home #services h1 {
		color: #232323;
		font-weight: 300;
		font-size: 42px;
	}
	
	#home #services .services li {
		color: #232323;
		font-weight: 500;
		font-size: 15px;
		line-height: 25px;
	}

	#home #services .btnlearn {
		margin-top: 15px;
	}
	#home #services a.watch-video {
		margin: 22px 40px 0 0!important;
	}
		#home #services a.watch-video:hover {
		}
	#home #services a.view-more {
	}
		#home #services a.view-more:hover {
						
		}

	
	#home #quick-links {
		padding: 25px 15px 10px 25px;
		background-color:  #26acf8;
		box-sizing: border-box;
	}
		#home #quick-links ul {
			font-size: 14px;
			color: #fff;
	
		}
			
#home footer.site-footer {
	margin-top: 0;
}

#contact div.contact-info {
	margin-top: 40px;
	margin-top: 4rem;
}
	#contact .contact-info span.name {
		font-weight: bold;
	}
	#contact .contact-info span.nl {
		display: block;
	}


#leadership #maincontent figure {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 25px;
	text-align: center;
}
	#leadership #maincontent figure img {
		display: block;
		margin: 0 auto;
	}
	#leadership #maincontent figure figcaption {
		display: block;
		padding-top: 15px;
	}
		#leadership #maincontent figcaption h3 {
			color: #26acf8;
			font-size: 18px;
			font-size: 1.8rem;
			margin: 10px 0;
			font-weight: bold;	
		}
		#leadership #maincontent figcaption span {
			display: block;
			font-weight: bold;
		}

/* contact page */
#result {
	display: none;
	margin-bottom: 20px;
}
	#result > div {
		box-sizing: border-box;
		padding: 15px;
		text-align: center;
	}
	#result .error {
		color: red;
		border: 3px solid red;
	}
	#result .success {
		color: green;
		border: 3px solid green;
	}

@media (min-width: 640px) {
	#maincontent .page-title, #maincontent article .article-title {
		margin-left: 0;
	}

	#leadership #maincontent figure {
		text-align: left;
	}
		#leadership #maincontent figure img {
			float: left;
			margin: 0 10px;
		}
		#leadership #maincontent figure figcaption {
			display: inline-block;
			float: left;
			padding-top: 25px;
		}
}
@media screen and (min-width: 768px) {
	#home header #hero {
		height: auto;
		padding-bottom: 50px;
	}
}
@media screen and (min-width: 992px) {
	.menu-open-link {
		display: none;
	}
	#mainnav #myNavbar {
		position: relative;
		background-color: transparent;
		right: auto;
		margin-right: 0;
		width: auto;
	}
		#mainnav li {
			text-align: left;
		}

	#home header #hero {
		margin-top: 0;
	}
	
	#home whysection {
		padding-left: 0;
		padding-right: 0;
	}
	
	#home #whysection li {
		padding: 8px;
	}
	/* .shadow {
		margin: 8px;
	} */
}
@media (min-width: 1000px) {
	.container-row {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.container-row > .col-md-6 {
		padding-left: 0;
		padding-right: 15px;
	}
	.container-row > .col-md-6 + .col-md-6 {
		padding-left: 15px;
		padding-right: 0;
	}
	.site-header .row {
		padding-left: 0;
	}
	#mainnav button.navbar-toggle {
		display: none;
	}
	#mainnav .navbar-header {
		width: auto;
	}
	#mainnav #myNavbar {
		display: block !important;
	}
	#mainnav .navbar-collapse {
		float: right;
	}
	#mainnav li.open:after {
		content: "";
		display: block;
		width: 1px;
		height: 15px;
		background-color: #26acf8;
		margin: 0 auto;
	}
	#mainnav li {
		display: inline-block;
		width: auto;
	}
	#mainnav a {
		padding-bottom: 0;
	}
	ul.navbar-nav li:last-child a {
		padding-right: 0;
	}
	#mainnav .dropdown-menu {
		display: none;
	}
	#mainnav li.open .dropdown-menu {
		display: block;
		min-width: 640px;
		min-width: 64rem;
		position: absolute;
		margin-top: 0;
		margin-left: 0;
		padding-top: 0;		
	}
		#mainnav .dropdown-menu li {
			display: inline-block;
			width: auto;
			float: left;
			border-top: 1px solid #26acf8;
			margin: 0;
		}
		
			#mainnav .dropdown-menu a {
				padding-bottom: 0;
				padding-top: 5px;
			}
				#mainnav .dropdown-menu li:first-child a {
					padding-left: 0;	
				}
				#mainnav .dropdown-menu li:last-child a {
					padding-right: 0;
				}
	#maincontent {
		padding-left: 0;
		padding-right: 0;
	}
	#maincontent .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
	footer.site-footer {
		height: 180px;
	}
		footer .container {
			padding-left: 0;
			padding-right: 0;
		}
	/* page-specific menu stuff */
	body.about #mainnav #myNavbar,
	body.multimedia #mainnav #myNavbar {
		margin-top: 15px;
		margin-top: 1.5rem;
	}
	body#about .dropdown-menu, body.about .dropdown-menu {
		left: -50px;
		left: -5rem;
	}
	body#multimedia .dropdown-menu, body.multimedia .dropdown-menu {
		left: -108px;
		left: -10.8rem;	
	}

	/* #home #hero {
		padding: 0px 0 50px;
	} */
	#home #hero > div {
		padding: 100px 0 0 30px;
	}


	footer p.copyright {
		text-align: left;
		float: left;
	}
}

@media (min-width: 1200px) {
	/* header.site-header .container, #maincontent.container {
		padding-left: 0;
		padding-right: 0;
	} */
	#contact footer.site-footer {
		margin-top: 190px;
	}
}


/* from espebanner.css */
.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}