@font-face {
    font-family: 'Bariol Bold';
    src: url('/fonts/bariol_bold-webfont.eot');
    src: url('/fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_bold-webfont.woff') format('woff'),
         url('/fonts/bariol_bold-webfont.ttf') format('truetype'),
         url('/fonts/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bariol Light';
    src: url('/fonts/bariol_light-webfont.eot');
    src: url('/fonts/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_light-webfont.woff') format('woff'),
         url('/fonts/bariol_light-webfont.ttf') format('truetype'),
         url('/fonts/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bariol';
    src: url('/fonts/bariol_regular-webfont.eot');
    src: url('/fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_regular-webfont.woff') format('woff'),
         url('/fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('/fonts/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*******************************
/ PAGE STRUCTURE
/******************************/

html, body {
	padding:0;
	margin:0;
	background: #F2F2F5;
}

html {
	overflow-y: scroll;
	min-height:100%;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:400;
	color: #222;
}

.wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 640px;
	max-width: 1140px;
}

/*******************************
/ HEADINGS
/******************************/

h1,h2,h3,h4,h5 {
	font-family: Bariol Bold, Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin: 0.5em 0;
	color: #333;
}

h1,
.mimich1 {
	font-size:2.5em;
	padding:0;
	margin:0;
	text-transform:uppercase;
}

	.mimich1 {margin:0 !important;}

	h1#pagetitle a {
		color: #003158;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		transition: all 0.6s ease;
	}
	h1#pagetitle a:hover {
		color:#111;
	}
	
	h1#pagetitle span {
		color:#bbb;
		padding:0 0.25em;
	}

h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	color: #003158;
}

h3 {
	font-size: 1.4em;
	text-transform:uppercase;
	color: #003158;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.1em;
	text-transform:uppercase;
}

/*******************************
/ GLOBAL BITS AND PIECES
/******************************/
.resetfont {font-size:1em !important;}

.hideme {visibility:hidden; display:none;}
a {text-decoration: none; color: #000;}
	#main p a:hover {text-decoration: underline;}
	
.button {
	background-color: #003158 !important;
	display:inline-block;
	padding: 0.8em 1em !important;
	line-height: 1em;
	margin: 0.2em 0.5em 0.2em 0;
	color:#fff !important;
	font-family:Bariol Bold;
	font-weight:normal;
	text-transform:uppercase;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-clip: border-box;
	cursor:pointer;
	background-origin: padding-box;
}
.media_content > .button {
	font-size: 1.6em;
}
.button:hover {
	background-color:#003158 !important;
}

.button.mini {font-size:1.4em;}
.button.pushright {margin-right:0.5em;}

.button.pop {background-color:#003158 !important}
.button.pop:hover {background-color:#1f86d5 !important;}
.button.white {background-color:#fff !important; color:#111 !important;}
.button.white:hover {background-color:#FFE8C6 !important; color:#F27300 !important;}

.block.button {display:block; text-align:center;}

.block_content a.button {
	font-size:1em;
}


strong,.bold {font-weight: 700;}
em,.italic {font-style: italic;}
.cap {text-transform: capitalize !important;}
.caps {text-transform: uppercase;}
.clear {clear: both;}

.margintop0 {margin-top:0;}

hr {border:0; margin:2em 0; clear:left; height:1px; border-top:1px solid #eee;}
hr.gap {margin:3em 0;}
hr.no-clear {clear:none;}

.group:before, .group:after, .group.liset li:before, .group.liset li:after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* ' */
.group:after,.group.liset li:after { clear: both; }
.group, .group.liset li { zoom: 1; }

img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.ta-right {text-align:right;}
.ta-left {text-align:left;}
.ta-center {text-align:center;}

.twocols {
	-webkit-column-count: 2;  
    -webkit-column-gap: 3em;  
    -moz-column-count: 2;  
    -moz-column-gap: 3em;  
    column-count: 2;  
    column-gap: 3em;
}

.fs-small {
	font-size:1.4em !important;
}

.float-right {float:right;}
.float-left {float:left;}

.bs {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
}

.margintop0 {margin-top:0em;}
.margintop05 {margin-top:0.5em !important;}
.margintop1 {margin-top:1em;}
.margintop2 {margin-top:2em;}
.marginbottom0 {margin-bottom:0 !important;}

/*******************************
/ HEADER
/******************************/

header {
	padding:3em 0 0 0;
	font-size: 150%;
}
header #main_logo {
	position: absolute;
	height: 70px;
}
header #contact_bar {
	box-sizing: border-box;
	margin: 25px 0 10px 5%;
	width: 94%;
	padding: 3px 10px;
	border-radius: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+23,cccccc+100 */
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(left, #ffffff 23%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 23%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

/*******************************
/ MAIN MENU
/******************************/

#topnav {
	text-align: right;
	height: 100px;
}

#topnav p {
	font-size:0.7em;
	margin:0;
	text-transform:capitalize;
}

#topnav a {
	/*color:#F18C00;*/
	color: #003158;
	font-family:Bariol Bold;
	margin: -1px -9px -2px 9px;
	padding: 1px 9px 2px;
	display:inline-block;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#topnav a:hover {
	color:#fff;
	/*background-color:#F18C00;*/
	background-color: #003158;

}

#main_menu {
	margin-right: 22px;
}
#topnav .dropmenu > li {
	display: inline-block;
	position: relative;
	float: none;
}
#topnav .dropmenu > li > a {
    margin-bottom: 5px;
}

/* Submenu */

#topnav .dropmenu li ul {
    position: absolute;
    display: none;
    padding: 5px 8px;
}
#topnav .dropmenu li:hover ul {
    right: -100px;
    display: block;
    border: 1px solid silver;
    background: #fff;
    min-width: 120px;
}
#topnav .dropmenu li ul li {
   padding: 0;
   margin: 0;
   display: block;
}
#topnav .dropmenu li ul li a {
   display: block;
   text-align: left;
   margin: 0;
}

/*******************************
/ NAV
/******************************/

nav {
	padding:1em 1em 1em 2em;
	font-family:Bariol Bold;
	background:#fff;
}

nav .links {float:right; height:70px; line-height:70px;}

nav .links a {
	font-size:1.8em;
	padding:0 15px;
	margin:10px 0;
	display:inline-block;
	text-transform:uppercase;
	position: relative;
	outline: none;
	color: #222;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	line-height:50px;
}

nav a:hover,
nav a:focus {
	outline: none;
}

/*******************************
/ HERO + BUTTONS
/******************************/

.box_grid {
	display: flex;
	flex-wrap: wrap;
}
.box_grid a {
	flex: 1 1 30%;
	padding: 10px;
	text-align: center;
	font-size: 160%;
}
.box_grid a > img {
	display: block;
	width: 100%;
	max-width: 350px;
	margin: 0 auto 10px auto;
}

/*******************************
/ MAIN CONTENT
/******************************/

#pagetitle {
	padding:1.25em 0;
	color:#555;
}

#main {
	background:#fff;
	padding:2em 0;
}

#content {
	padding:0;
}

.killcontent {padding:0 !important;}



#content .innercontent {
	background:#fff;
	padding:2em;
}

#content img {
	max-width: 100%;
}

.site_content p, .site_content ul, .site_content ol {
	font-family:Bariol, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #333;
}

.slideshow {
	cursor: pointer;
}

/*******************************
/ JQUERY TOOLS - TABS
/******************************/

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #eee;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    width:25%;
    list-style-image:none !important;
}

  label.error {
  color:red;
  }
  
/* link inside the tab. uses a background image */
ul.tabs a {
    background-color: #eee;
    background-image: linear-gradient(bottom, rgb(233,233,233) 0%, rgb(248,248,248) 100%);
	background-image: -o-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(248,248,248) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(248,248,248) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(248,248,248) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(248,248,248) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(233,233,233)),
		color-stop(1, rgb(248,248,248))
	);
    display:block;
    font-family:Bariol Bold;
    text-transform:uppercase;
    min-height:70px;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding: 20px 1em 0 1em;
    margin:0px;
    position:relative;
	border: 1px solid #ddd;
	border-width:1px 0 0 1px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.tabs a i {
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background:#C8C8C8;
	color:#fff;
	width: 50px;
	line-height: 50px;
	margin: 0 0.3em 0.3em 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
}
ul.tabs a img {
	vertical-align: middle;
	text-align: center;
}

ul.tabs li:last-child a {border-right-width:1px; border-radius:0 5px 0 0;}
ul.tabs li:first-child a {border-radius:5px 0 0 0 ;}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    color:#fff;
    background:#FF7B24;
}

ul.tabs a:hover i {background:#fff; color:#FF7B24}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background:#fff;
    cursor:default !important;
    color:#222 !important;
}

ul.tabs a.current i, ul.tabs a.current:hover i, ul.tabs li.current a i {background:#FF7B24 !important;; color:#fff !important;}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}


/* tab pane styling */
.panes > div {
    display:none;
    padding:2em;
    border:1px solid #ccc;
    border-top:0;
    background:#fff;
    border-radius:0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}


/*******************************
/ HOME PAGE
/******************************/






/*******************************
/ SERVICES PAGE
/******************************/


/* General grid styles */
.cbp-ig-grid {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Clear floats */
.cbp-ig-grid:before, 
.cbp-ig-grid:after { 
	content: " "; 
	display: table; 
}

.cbp-ig-grid:after { 
	clear: both; 
}

/* grid item */
.cbp-ig-grid li {
	width: 50%;
	float: left;
	height: 450px;
	text-align: center;
	border-top: 1px solid #ddd;
}

/* we are using a combination of borders and box shadows to control the grid lines */
.cbp-ig-grid li:nth-child(-n+2){
	border-top: none;
}

.cbp-ig-grid li:nth-child(2n-1) {
	box-shadow: 1px 0 0 #ddd;
}

/* anchor style */
.cbp-ig-grid li > a {
	display: block;
	height: 100%;
	color: #FF7B24;
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
}

/* the icon with pseudo class for icon font */
.cbp-ig-icon {
	padding: 30px 0 0 0;
	display: block;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -moz-transform 0.2s;
	transition: transform 0.2s;
	font-size:15em;
}

/* title element */
.cbp-ig-grid .cbp-ig-title {
	margin: 20px 0 10px 0;
	padding: 20px 0 0 0;
	font-size: 2em;
	position: relative;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}

.cbp-ig-grid .cbp-ig-title:before {
	content: '';
	position: absolute;
	background: #ddd;
	width: 170px;
	height: 6px;
	top: 0px;
	left: 50%;
	margin: -10px 0 0 -85px;
	-webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */
	-moz-transition: margin-top 0.2s;
	transition: margin-top 0.2s;
}

.cbp-ig-grid .cbp-ig-category,
.cbp-ig-grid .cbp-ig-longdesc {
	text-transform: uppercase;
	display: block;
	margin:0 0 0.5em 0;
	letter-spacing: 1px;
	color: #999;
	-webkit-transform: translateY(10px);
	-moz-transform: -moz-translateY(10px);
	-ms-transform: -ms-translateY(10px);
	transform: translateY(10px);
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	-webkit-transition: transform 0.3s, opacity 0.2s;
}
.cbp-ig-grid .cbp-ig-category p {
	font-size: 12px !important;
}
.cbp-ig-grid .cbp-ig-longdesc {opacity:0; text-transform:none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	display:none;
	letter-spacing:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition:all 0.3s;
	padding:0 2em;
}

.cbp-ig-grid li:hover .cbp-ig-category,
.touch .cbp-ig-grid li .cbp-ig-category,
.cbp-ig-grid li:hover .cbp-ig-longdesc,
.touch .cbp-ig-grid li .cbp-ig-longdesc {
	opacity: 1;
	color:#fff;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}


.cbp-ig-grid li:hover .cbp-ig-longdesc,
.touch .cbp-ig-grid li .cbp-ig-longdesc {
	display:block;
}

.cbp-ig-grid li:hover .cbp-ig-category,
.touch .cbp-ig-grid li .cbp-ig-category {
	opacity:0; display:none;
}


/* Hover styles */

.cbp-ig-grid li > a:hover {
	background: #FF7B24;
}

.cbp-ig-grid li > a:hover .cbp-ig-icon {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	font-size: 10em;
    transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.cbp-ig-grid li > a:hover .cbp-ig-icon:before,
.cbp-ig-grid li > a:hover .cbp-ig-title {
	color: #fff;
}

.cbp-ig-grid li > a:hover .cbp-ig-title {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}

.cbp-ig-grid li > a:hover .cbp-ig-title:before {
	background: #fff;
	margin-top: 65px;
}

#infotabs .panes > div .left {
	width:46%;
	float:left;
}
#infotabs .panes > div .right {
	width:46%;
	float:right;
}

#tab-mobile {background: #fff url('/images/home/iphone_business.png') right 40px no-repeat;}

#tab-broadband {background: #fff url('/images/home/4g_modem.jpg') right 10px no-repeat;}
#tab-broadband .left {width:57% !important;}

#tab-service .left {width:52% !important;}
#tab-service {background: #fff url('/images/home/support_girl.jpg') 640px 10px no-repeat;}

.products-minilist {
	margin:0 0 2em 0;
	padding:0;
}

.products-minilist li {
	list-style-type:none;
	margin:0;
}
.products-minilist a {
	display:block;
	padding:1.5em 0;
	text-decoration:none;
	border-bottom:1px solid #eee;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

	.products-minilist h4 {
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.products-minilist a:hover {
		background:#FFFAF2;
		color:#444;
	}
	.products-minilist a:hover h4 {
		color:#FF7B24;
	}

.products-minilist img {
	float:left;
	margin: 0 1.5em 2em 0;
	border:1px solid #ddd;
}
.products-minilist p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.3em;
	line-height:1.4em;
}

/*******************************
/ SERVICES SUBPAGES
/******************************/

.area_services article {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid silver;
}

.area_services article img {
	max-width: 40% !important;
	height: auto !important;
}

.area_services article h3 {
	font-size:2em;
	color:#666;
	margin-top:1.75em;
	margin-bottom:0.75em;
}

.area_services .button {
	margin-top:1em;
}

.w34 {width:34%}
.w35 {width:35%}
.w36 {width:36%}
.w37 {width:37%}
.w38 {width:38%}
.w39 {width:39%}
.w40 {width:40%}
.w41 {width:41%}
.w42 {width:42%}
.w43 {width:43%}
.w44 {width:44%}
.w45 {width:45%}
.w46 {width:46%}
.w47 {width:47%}
.w48 {width:48%}
.w49 {width:49%}
.w50 {width:50%}
.w51 {width:51%}
.w52 {width:52%}
.w53 {width:53%}
.w54 {width:54%}
.w70 {width:70%}

.mb0 {margin-bottom:0;}
.mb150 {margin-bottom:-150px;}
.mb100 {margin-bottom:-100px;}

.np {padding-top:0;}
.npl {padding-left:0;}
.npr {padding-right:0;}
.npb {padding-bottom:0;}
.p1 {padding-top:1em;}
.p2 {padding-top:2em;}
.p3 {padding-top:3em;}
.p4 {padding-top:4em;}
.pl2 {padding-left:2%;}

.iphone_5s_stack {margin-bottom:-70px;}

img.telstrabox {
	background:#01B1EC;
	padding:1.25em 2em;
	height:50px;
	width:auto;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	display:inline-block;
	float:left;
	margin-right:2em;
}

p.note {font-size:1em;}



/*******************************
/ NEWS & CASE STUDIES
/******************************/

.cms_results {
	list-style-type: none;
}

.cms_results li {
	border-bottom: 1px solid silver;
	padding: 10px;
	margin-bottom: 10px;
}

.cms_results li img {
	float: left;
	margin: 10px 10px 50px 10px;
}

.cms_results li h3 {
	font-size: 1.4em;
	margin: 0;
}
.cms_results li h4 {
	font-size: 1.1em;
	margin: 0;
}

.articleList {list-style-type:none;}

.articleList > li {
	width:50%;
	display:block;
	float:left;
}


.articleList li > a {
	display:block;
	padding:2em;
	height:21em;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}

.articleList > li:nth-child(2n) a {border-right:0;}


.articleList > li:nth-child(1),
.articleList > li:nth-child(4),
.articleList > li:nth-child(5),
.articleList > li:nth-child(8),
.articleList > li:nth-child(9),
.articleList > li:nth-child(12),
.articleList > li:nth-child(13) {
	background:#fff;
}

.articleList > li > a:hover {
	background:#FF7B24;
}

.articleList > li > a:hover h3,
.articleList > li > a:hover h4,
.articleList > li > a:hover p {color:#fff;}

.articleList h3 {color:#333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
	
.articleList h4 {color:#FF7B24;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.articleList img {
	float:right;
	width:150px;
	height:auto;
	margin-left:2em;
	margin-bottom:1em;
	padding:1px;
	border:1px solid #ddd;
}

.articleList p {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin:0; 
	font-size:1.5em;
	line-height:1.4em;
}

.area_news #cms_search_description,
.area_case_studies #cms_search_description {
	text-align:center; border-bottom:1px solid #eee; padding-bottom:1em; color:#aaa; margin-bottom:0;
}

h3.date {
	color:#aaa;
}

.area_news .cms_content h2,
.area_case_studies .cms_content h2,
.area_news .cms_content h3,
.area_case_studies .cms_content h3 {
	margin:1.5em 0 1em;
}


/*******************************
/ FAQ
/******************************/

#faqs_list h3 {
	padding:1em;
	margin:0;
	border-top:1px solid #eee;
	cursor:pointer;
	text-transform:none;
}
#faqs_list h3:first-child {border-top:0;}

#faqs_list .accordioncontent {
	padding:2em 2em 1em 2em;
}
#faqs_list p {
	color:#333;
}

	
	/* Interaction states
	----------------------------------*/
	.ui-state-default {-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;}
	.ui-state-default strong {font-weight:normal;}
	.ui-state-default strong:before { font-family:FontAwesome; content: "\f0a9"; vertical-align: middle; font-size: 1.4em; margin-right:0.4em; }
	.ui-state-active strong:before {content: "\f0ab";}
	.ui-state-hover {background:#FEF4DE;}
	
	.ui-state-active {background:#FF8A22; color:#fff;}
	.ui-accordion-content-active {background:#FEF4DE;}
	
	.accordion h3 {cursor:pointer;}

/*******************************
/ PRODUCTS VIEW
/******************************/

#products-wrapper p {
	font-size:1.5em;
}


/* Product Title headers */

#products_header {
	padding:2em;
	background:#FF8A22;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:2em;
	color:#fff;
}

#products_header h2,
#products_header p {
	color:#fff;
}

#product_gallery {
	float:right;
	margin-left:3em;
	border:1px solid #FFC088;
	padding:1em;
	margin-bottom:0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

	#product_gallery img {cursor:pointer;}
	#product_gallery a {color:#fff;}

#products_header p {
	margin-bottom:0;
}

#products_header br {
	display:none;
}

.cms_uploads a {
	padding: 0.5em 0.8em 0.5em 42px !important;
	font-size:0.8em;
	min-height: 20px;
	display: inline-block;
	background-image:url(/base/scripts/filemanager/images/fileicons/default.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 28px 28px;
	-ms-behavior: url(/base/styles/backgroundsize.min.htc); /* IE 7/8 Polyfill for background-size */
}

#products-wrapper .cms_uploads a {
	width: 43%;
	margin: 0.3em 0.5em;
}

.cms_uploads a.jpg_link {background-image: url(/base/scripts/filemanager/images/fileicons/jpg.png);}
.cms_uploads a.png_link {background-image: url(/base/scripts/filemanager/images/fileicons/png.png);}
.cms_uploads a.pdf_link {background-image: url(/base/scripts/filemanager/images/fileicons/pdf.png);}
.cms_uploads a.zip_link {background-image: url(/base/scripts/filemanager/images/fileicons/zip.png);}
.cms_uploads a.doc_link, .cms_uploads a.docx_link {background-image: url(/base/scripts/filemanager/images/fileicons/doc.png);}
.cms_uploads a.xls_link, .cms_uploads a.xlsx_link {background-image: url(/base/scripts/filemanager/images/fileicons/xls.png);}
.cms_uploads a.ppt_link, .cms_uploads a.pptx_link {background-image: url(/base/scripts/filemanager/images/fileicons/ppt.png);}

#products_header .button {
	margin-top:1em;
}


/* Product Main Content */

#products_main.floatit {
	float:left;
	width:50%;
}

#products_right {
	float:right;
	width:43%;
	border-left:1px solid #eee;
	padding-left:3em;
}


/* Product SPECS */

#products_right table {
	width: 100%;
}

#products_right td {
	padding: 4px 0;
	font-size:1.1em;
	border-bottom: 1px solid #eee;
}

#products_right thead th {
	font-size: 1.3em;
	padding:8px;
	color:#555;
	text-align:right;
	background:#eee;
}
#products_right thead th:first-child {text-align:left;}
#products_right thead th:nth-child(even) {background:#F9D8AC;}
#products_right thead th:nth-child(3) {background:#ccc;}

#products_right td:first-child {

}

#products_right td:nth-child(even) {
	text-align: right;
	background-color:#FCEDD8;
	border-bottom:1px solid #F1D3B1;
	padding:4px 10px 4px 5px;
}
#products_right td:nth-child(3) {
	text-align: right;
	background-color:#eee;
	border-bottom:1px solid #ddd;
	padding:4px 10px 4px 5px;
}



/*******************************
/ PRODUCTS LIST
/******************************/

#product_categories_menu {
	/*background-color:#FDF1D7;*/
	background-color:#DDD;
	padding: 2em 2em 2em 2em;
	margin: -2em -2em 0 -2em;
	border-radius: 10px 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	/*
	background-image: linear-gradient(top, rgb(255,236,199) 0%, rgb(253,241,215) 51%);
	background-image: -o-linear-gradient(top, rgb(255,236,199) 0%, rgb(253,241,215) 51%);
	background-image: -moz-linear-gradient(top, rgb(255,236,199) 0%, rgb(253,241,215) 51%);
	background-image: -webkit-linear-gradient(top, rgb(255,236,199) 0%, rgb(253,241,215) 51%);
	background-image: -ms-linear-gradient(top, rgb(255,236,199) 0%, rgb(253,241,215) 51%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(255,236,199)),
		color-stop(0.51, rgb(253,241,215))
	);
	*/
}
#product_categories_menu ul {
	flex: 1 1 10%;
	list-style-type:none;
	vertical-align: top;
	padding: 10px 6px;
}

#product_categories_menu h4 {
	/*color:#F27300;*/
	color: #003158;
	font-size: 1.1em;
}

#product_categories_menu .links {
	margin-right: 10px;
	padding: 0;
}

#product_categories_menu .links li {
	margin: 0;
	text-transform:uppercase;
	font-family: Bariol Bold;
	font-weight:normal;
}
#product_categories_menu .links a {
	font-size: 0.9em;
	display:block;
	padding:0.25em 0;
	color:#222;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#product_categories .links a:hover {
	color:#fff; 
	/*background-color:#FF8A22;*/
	background-color: #003158;
	padding-left:10px; 
	margin-right:-10px;
}


.products_headerdesc {
	border-bottom:1px solid #ddd;
	padding: 2em 2em 2em 2em;
	margin: 0 -2em 0 -2em;
	background-image: linear-gradient(top, rgb(255,255,255) 40%, rgb(245,245,245) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 40%, rgb(245,245,245) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 40%, rgb(245,245,245) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 40%, rgb(245,245,245) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 40%, rgb(245,245,245) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.4, rgb(255,255,255)),
		color-stop(1, rgb(245,245,245))
	);
}

.products_headerdesc h2 {font-family:Bariol Bold; font-size:2.4em; color:#FF8A22; margin-bottom:0;}
.products_headerdesc p:first-child {margin-top:1em;}
.products_headerdesc p:last-child {margin-bottom:0;}


#product_list {list-style-type:none;}

#product_list li {
	width:50%;
	display:block;
	float:left;
}


#product_list li > a {
	display:block;
	padding:2em;
	height:21em;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}

#product_list li:nth-child(2n) a {border-right:0;}
#product_list li > a:hover {background:#FF7B24;}

#product_list li > a:hover h3,
#product_list li > a:hover h4,
#product_list li > a:hover p {color:#fff;}

#product_list h3 {color:#333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
	
#product_list h4 {color:#FF7B24;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#product_list img {
	float:right;
	width:150px;
	height:auto;
	margin-left:2em;
	margin-bottom:1em;
	padding:1px;
	border:1px solid #ddd;
	max-height:20em;
}

#product_list p {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin:0; 
}

.area_products #cms_search_description {text-align:left; border-bottom:1px solid #eee; padding:1em 0; color:#aaa; margin-bottom:0;}
.area_products #cms_search_description span {
	float:right;
	display:inline-block;
}.area_products #cms_search_description span a {
	color:#555;
	display:inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}.area_products #cms_search_description span a:hover {
	color:#F27300;
}



h2.userguide {
	font-size:2.4em;
	margin-top:0;
}


/* PRODUCTS HOMEPAGE */

.products_splash .row {
	padding:3em 0;
	border-bottom:1px solid #ddd;
}
.products_splash .row:last-child {border-bottom:0;}
.products_splash .row img {
	float:right;
	margin-left:2.5em;
	margin-bottom:0.5em;
	padding:1px;
	border:1px solid #ddd;
}



/*******************************
/ CONTACT US
/******************************/

.area_contact .layout.left {
	width:50%;
	float:left;
}

.area_contact .layout.right {
	float:right;
	width:45%;
}

#contact_form {
	background:#eee;
	padding:2em;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	min-height:380px;
}

#contact_form .button {
	border:0;
	margin-top:1em;
	padding-top:0.75em;
	padding-bottom:0.75em;
}

.area_contact .contacts {
	margin-bottom:2em;
}

.area_contact .contacts li {
	padding:1em 0 !important;
	font-size:1.4em;
	margin:0 !important;
	border-top:1px solid #eee;
	list-style-type:none !important;
	color:#666;
}

.area_contact .contacts li i {
	width:40px;
	margin-right:5px;
}

.map {}
.map iframe {width:100%;border:1px solid #ccc; margin-top:3em;}

.area_contact .form_item input, .area_contact .form_item textarea {
	font-family:Bariol;
	font-size:1.5em;
}

/*******************************
/ FOOTER
/******************************/

footer {
	background:#fff;
	padding:4em 0;
	margin-top:5em;
	border-top: 1px solid #bbb;
}

.area_services footer h3 {margin-top:0;}

footer .fb-box {
	float:right;
	padding:1.6em 1.5em 2em 1.5em;
	background:#f7f7f7;
}

footer .sitemapwrap {
	display: flex;
	flex-wrap: wrap;
}

footer .sitemap {
	list-style-type:none;
	width: 25%;
	flex: 1 1 auto;
}

footer .sitemap:last-child {
	min-width: 300px;
}

footer .sitemap li a,
footer .sitemap.plaintext li {
	font-size:1.2em;
	margin-right:15px;
}

footer .sitemap li a,
footer .sitemap li h5,
footer .sitemap.plaintext li {
	display:block;
	padding:0.7em 0 0.7em;
	color:#888;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

	footer .sitemap.plaintext li:first-child {
		padding:0;
	}
	
	footer .sitemap.plaintext {
		text-align:left;
	}
	
	footer .sitemap li.haslink {padding:0;}

footer .sitemap li a {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
footer .sitemap li a:hover {
	color:#000;
	background:#eee;
	padding-left:10px;
}
footer .sitemap li h5,
footer h5 {
	color:#666;
	display:block;
	font-size:1.6em;
	margin:0;
}


footer .sitemap.plaintext li {
	padding:0.9em 0;
}
footer .sitemap .iconholder {
	display:inline-block;
	margin-right:10px;
	width:1.9em;
	float:left;
	margin-top:-4px;
}


footer .siteswitch {
	float:left; margin-right:3em;
}

footer #footer_bottom {
	padding: 30px 40px;
}

footer .siteswitch p {
	font-size:1.2em;
	margin-bottom:0.5em;
	font-family:Bariol Bold;
}

footer .siteswitch select {
	background: #eee;
    border: 1px solid #aaa;
    border-radius: 3px;
    min-width:200px;
    padding: 5px 7px;
    color: #111;
    font-family: Bariol Bold;
    font-size: 1.4em;
}


footer .logos img {
	opacity:0.8;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
footer .logos img:hover {
	opacity:1;
}
* 
*/
*/
/*******************************************************************************************
/	RESPONSIVE                                                   
/******************************************************************************************/	
	
		
/*******************************  Desktop Large (.dl) (NOT IN USE) *******************************/
@media only screen and (min-width: 1171px) {

	
} /* End */


/*******************************  Desktop Small (.ds) (DEFAULT)  *******************************/
@media only screen and (min-width: 980px) and (max-width: 1170px) {
	
	
} /* End */


/*******************************  Tablet Portrait (.tp) *******************************/
@media only screen and (min-width: 768px) and (max-width: 979px) {


}/* End */


/*******************************  Navigation for ML (mobiles) down *******************************/

@media screen and (max-width: 767px) {
	
	
}/* End */

/*******************************  Mobile Landscape (.ml) *******************************/
@media only screen and (min-width: 481px) and (max-width: 767px) {
	

	
}/* End */


/*******************************  Mobile Portrait (.mp) *******************************/
@media only screen and (max-width: 480px) {

} /* End */