/* GENERAL */

.box-services-b:hover .link-read-more,
.box-services-d:hover .link-read-more {
	margin-left: 1px;
}

body {
	font-size: 16px;
}

h3.promo {
	font-size: 300%;
	font-weight: 300;
}

.box-normal {
	margin-left: 35px;
	margin-right: 20px;
}

.breadcrumfix {
	padding-bottom: -40px;
	margin-bottom: -40px;
}


.box-services-b .box-left .fa-style3,
.box-services-c .fa-style3 {
	padding-top:17px;	/* fix so the icons are really in the middle of the circle/square */
}

.box-services-b .box-left .fa-style3a,
.box-services-c .fa-style3a {
	padding-top:15px;	/* original */
}

.btn2-a:before {
	background: #22aba6;
}

.cscode code {
	font-family: Consolas,"Courier New",Courier,Monospace;
	font-size: 10pt;
	color: #000000;
}

.cscode .key {
	color: #0000ff;
}

.cscode .com {
	color: #008000;
}

.cscode .str {
	color: #a31515;
}

.divider.d4 span {
	background: #fff;
	font-size: 16px;
}

.fgwhite {
	color: white;
}

.footer-smallfont {
	font-size: 14px;
}

.lightcolor {
	color: #eaecf1;
}

.link-read-more {
	font-size: 14px;
	opacity: 1;
	margin-left: 0;
}

.logo {
	background-image: url("../pics/logo.png");
	background-size: 210px 33px;
}

/* for retina displays larger than ipad  */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) 
{
	.logo {
		display:block;
		background: url('../pics/logo@2x.png');
		background-size: 210px 33px;
		background-position:left center;
		background-repeat: no-repeat;
		text-indent:-9999999px;
	}
}

/* for retina displays larger than mobile */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:767px) and (max-width:991px),
	only screen and (   min--moz-device-pixel-ratio: 2) and (min-width:767px) and (max-width:991px),
	only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width:767px) and (max-width:991px),
	only screen and (        min-device-pixel-ratio: 2) and (min-width:767px) and (max-width:991px),
	only screen and (                min-resolution: 192dpi) and (min-width:767px) and (max-width:991px),
	only screen and (                min-resolution: 2dppx) and (min-width:767px) and (max-width:991px)
{
	.logo {
		display:block;
		background: url('../pics/logo@2x.png');
		background-size: 210px 33px;
		height:64px;
		background-position:center bottom;
		background-repeat: no-repeat;
		text-indent:-9999999px;
	}
}


/* for retina displays on mobile */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
	only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 767px),
	only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 767px),
	only screen and (        min-device-pixel-ratio: 2) and (max-width: 767px),
	only screen and (                min-resolution: 192dpi) and (max-width: 767px),
	only screen and (                min-resolution: 2dppx) and (max-width: 767px) 
{

	.logo {
		background-image:url("../images/logo-light@2x.png") !important;
		background-size: 210px 33px;
	}
}


.megamenu-list > li > a {
	padding: 2px 0;
}

.megamenu-list > li > a:hover,
.megamenu-list > li > a:focus {
	text-indent: 0;
}

.onlyonmobile { display: none;}

.panel-title {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #066a8b;
}

.panel-title:hover a,
.panel-title:focus a {
	color: #066a8b;
}

.ptb10 {
	padding: 10px 0;
}

.pb50 {
	padding-bottom: 50px !important;
}

.prl30 {
	padding-left: 30px;
	padding-right: 30px;
}

.pt30 {
	padding-top: 30px;
}

.pt10 {
	padding-top: 10px;
}

pre {
	overflow-x: auto;
}

pre code {
	overflow-wrap: normal;
	white-space: pre;
}

pre.cscode {
	margin: 0;
	background-color: #ffffff;
}

.video-container {
	position:relative;
	padding-bottom:53.1%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media (max-width:767px) {
	.tdnotonmobile {
		display: none;
	}
}

/* PRELOADER */
/* default values (empty). Only set in JS, shows screenwide white pane which is faded with js. */
@media (max-width:767px) {
	.preloaderVariables {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999999;
		background: #f5f5f5;
	}

	.statusVariables {
		width: 160px;
		height: 15px;
		position: absolute;
		left: 50%;
		top: 50%;
		background-image: url(../images/preloader.gif);
		background-repeat: no-repeat;
		background-position: center;
		margin: -7.5px 0 0 -80px;
	}
}
/* END PRELOADER */

.section-intro {
	padding:260px 0 190px;
}


.section-intro-index {
	position:relative;
	padding: 120px 0 0;
}

.section-whitebright {
	background-color: #ffffff;
}

.slidertitlepromo {
	padding: 0 0 20px;
}

.slidertitlesmall {
	padding: 270px 0 20px;
}

.slidertitle.br-top-bottom {
	border-top: 1px solid #e2e3e4;
	border-bottom: 1px solid #e2e3e4;
	padding: 15px 0;
}

/* Media queries for front page promo banner */

@media (min-width: 1601px) {
	h3.promo {
		font-size: 300%;
		font-weight: 300;
	}
	
	.btnlargertext {
		font-size: 120%;
	}

	.slidertitle {
		padding: 15px 0 15px;
		margin-top: 220px;
	}

	
	.slidertitlesmall {
		padding: 180px 0 20px;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	h3.promo {
		font-size: 300%;
		font-weight: 300;
	}
	
	.btnlargertext {
		font-size: 120%;
	}

	.slidertitle {
		padding: 15px 0;
		margin-top: 180px;
	}

	.slidertitlesmall {
		padding: 180px 0 20px;
	}
}

@media (min-width:1201px) and (max-width: 1440px) {
	h3.promo {
		font-size: 270%;
		font-weight: 300;
	}
		
	.btnlargertext {
		font-size: 120%;
	}

	.slidertitle {
		padding: 15px 0;
		margin-top: 120px;
	}

	.slidertitlesmall {
		padding: 140px 0 20px;
	}
}

@media (min-width:992px) and (max-width: 1200px) {
	h3.promo {
		font-size: 250%;
		font-weight: 200;
	}
		
	.btnlargertext {
		font-size: 120%;
	}


	h1.slidertitle {
		font-size: 34px;
	}

	.slidertitle {
		padding: 15px 0;
		margin-top: 70px;
	}

	.slidertitlesmall {
		padding: 90px 0 20px;
	}
}

@media (max-width:991px) {
	h3.promo {
		font-size: 220%;
		font-weight: 200;
	}

	.slidertitle {
		padding: 15px 0;
		margin-top: 40px;
		font-size: 32px;
		line-height: 34px;
	}

	.slidertitlesmall {
		padding: 30px 0 10px;
	}

	.onlyonmobile { display: none;}
	.section-intro { padding: 190px 0 130px; }
	.section-intro-index {
		padding: 80px 0 10px;
	}
	.tp-caption {
		padding: 0 30px;
	}
}


@media (min-width: 401px) and (max-width:767px) {
	h3.promo {
		font-size: 200%;
		font-weight: 200;
	}

	.slidertitle {
		padding: 0 15px;
		margin-top: 60px;
		font-size: 24px;
		line-height: 26px;
	}

	.slidertitlesmall {
		font-size: 13px;
		padding: 40px 0 0;
		line-height: 15px;
	}


	.logo { background-image:url("../pics/logo-light.png") !important; }
	.notonmobile { display: none;}
	.onlyonmobile { display: inherit;}

	.section-intro { padding: 120px 0 100px; }
	.section-intro-index {
		padding: 30px 0 0;
	}

	.slidertitle.br-top-bottom {
		border: 0;
	}

	.tp-caption .btn-slider {
		display: none;
	}

	.tp-caption .br-bottom:after,
	.tp-caption .br-bottom-center:after {
		border-top: none;
	}

	.tp-caption {
		padding: 0 20px;
	}
}


@media (max-width:400px) {
	h3.promo {
		font-size: 180%;
		font-weight: 200;
	}

	.slidertitle {
		padding: 0 15px;
		margin-top: 8px;
		font-size: 22px;
		line-height: 24px;
	}

	.slidertitlesmall {
		font-size: 13px;
		padding: 8px 0 0;
		line-height: 15px;
	}


	.logo { background-image:url("../pics/logo-light.png") !important; }
	.notonmobile { display: none;}
	.onlyonmobile { display: inherit;}

	.section-intro { padding: 120px 0 100px; }
	.section-intro-index {
		padding: 20px 0 0;
	}

	.slidertitle.br-top-bottom {
		border: 0;
	}

	.tp-caption .btn-slider {
		display: none;
	}

	.tp-caption .br-bottom:after,
	.tp-caption .br-bottom-center:after {
		border-top: none;
	}

	.tp-caption {
		padding: 0 20px;
	}
}

/* end media queries front page promo banner */

.shadow-e {
	box-shadow: 0px 0px 20px rgba(10,10,10,0.4);
}

small.smaller {
	font-size: 12px;
}

.textshadow2 {
	text-shadow: 2px 2px 3px #000;
}

.textshadow1 {
	text-shadow: 1px 1px 1px #222;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* BACKGROUNDS*/
/* images */
.bgruntimesource {
	background-image: url('../pics/runtime42_sourceshot.jpg');
}

.bg01 { background-image: url('../pics/bg01.jpg'); }
.bg03 { background-image: url('../pics/bg03.jpg'); }
.bg04 { background-image: url('../pics/bg04.jpg'); }
.bg05 { background-image: url('../pics/bg05.jpg'); }
.bg06 { background-image: url('../pics/bg06.jpg'); }
.bg07 { background-image: url('../pics/bg07.jpg');}
 
@media (max-width: 767px) {
	.bg01 { background-image: url('../pics/bg01_m.jpg'); }
	.bg03 { background-image: url('../pics/bg03_m.jpg'); }
	.bg04 { background-image: url('../pics/bg04_m.jpg'); }
	.bg05 { background-image: url('../pics/bg05_m.jpg'); }
	.bg06 {	background-image: url('../pics/bg06_m.jpg'); }
	.bg07 { background-image: url('../pics/bg07_m.jpg');}
}


/* colors */
.bgblue {
	background-color: #1375a3;
}

.bggreen {
	background-color: #22aba6;
}

.bgllbl {
	background-color: #066a8b;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* MENUS */
.top-menu > li {
	font-size: 13px;
}

.megamenu {
	font-size: 14px;
}

.submenu {
	min-width: 170px;
}

.submenu > li {
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
}


.submenu > li > a:hover,
.submenu > li > a:focus,
.submenu > li:hover > a {
	text-indent: 0;
}

.submenu > li > a {
	padding: 5px 15px 5px;
}

/* Menu on Mobiles */
@media (max-width: 767px) {
	.submenu { border-top:none; }
	.submenu > li > a {
		padding: 10px 15px 10px;
	}
	.megamenu-list > li > a {
		padding: 10px 0;
	}
}
/* -------------------------------------------------- */