/*
*************************************************

WhizXpress Chatting, Calling Mobile and Desktop APplication

Screen Styles

*************************************************
*/

/* html5! */
 
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*  IMPORT FONTS  ============================================================================= */


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

}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	
	@font-face 
	{
	font-family: 'BebasNeueRegular';
	src: url('/Content/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
	}
}


/*
*************************************************

THE RESPONSIVE GRID SYSTEM
Taken from http://www.responsivegridsystem.com/

*************************************************
*/
/*  SECTIONS  */
section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.5%;
}

.col2 {
	display: block;
	float:left;
	margin: 1% 0 0 2.5%;
}

.ie7 .col2 {	margin: 1% 0 0 2.3%;}

.ie7 .col {	margin: 1% 0 1% 2.3%;}
.col:first-child { margin-left: 0; }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}

.span_1_of_1 {
	width: 99.7%;
}

.span_1_of_2 {
	width: 48.7%;
}

.span_1n_of_2n {
	width: 47.5%;
}


.span_2_of_3 { width:65.8333333333%;  }
	.span_1_of_3 { width:30.6666666667%; }		
		
.span_3_of_4 { width:74.375%; }
	.span_2_of_4 { width:48.75%; }
		.span_1_of_4 { width:23.125%; }
			
.span_4_of_5 { width:79.5%;}
	.span_3_of_5 { width:59.0%; }
		.span_2_of_5 { width:38.5%; }
			.span_1_of_5 { width:18.0%;}
		
.span_5_of_6 {	width:82.9166666667%; }
	.span_4_of_6 { width:65.8333333333%; }
		.span_3_of_6 { width:48.75%; }
			.span_2_of_6 { width:31.6666666667%; }
				.span_1_of_6 { width:14.5833333333%; }

.span_6_of_7 { width:85.3571428571%; }
	.span_5_of_7 {	width:70.7142857143%; }
		.span_4_of_7 { width:56.0714285714%; }
			.span_3_of_7 { width:41.4285714286%; }
				.span_2_of_7 { width:26.7857142857%; }
					.span_1_of_7 { width:12.1428571429%; }
						
.span_7_of_8 { 	width:87.1875%; }
	.span_6_of_8 { width:74.375%; }
		.span_5_of_8 {	width:61.5625%; }
			.span_4_of_8 { width:48.75%; }
				.span_3_of_8 { width:35.9375%; }
					.span_2_of_8 { width:23.125%; }
						.span_1_of_8 { width:10.3125%; }

.span_9_of_10 { width:90.75%; }
	.span_8_of_10 { width:79.5%; }
		.span_7_of_10 { width:69.25%; }
			.span_6_of_10 { width:59.0%; }
				.span_5_of_10 {	width:48.75%; }
					.span_4_of_10 { width:38.5%; }
						.span_3_of_10 { width:27.25%; }
							.span_2_of_10 { width:18.0%; }
								.span_1_of_10 { width:9%; }
	
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
/* quarters */
.span_1_of_4:nth-child(4n+1),
.span_2_of_8:nth-child(4n+1) { clear:both; margin-left:0; }
/* thirds */
.span_1_of_3:nth-child(3n+1),
.span_2_of_6:nth-child(3n+1),
.span_3_of_9:nth-child(3n+1) { clear:both; margin-left:0; }
/* halves */
.span_1_of_2:nth-child(odd),
.span_2_of_4:nth-child(odd),
.span_3_of_6:nth-child(odd),
.span_4_of_8:nth-child(odd),
.span_5_of_10:nth-child(odd) { clear:both; margin-left:0; }

/*  GENERAL SELECTORS ============================================================================= */

body                 {  font: normal 100%/1.5 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#666;   border-top:3px #2fb9e7 solid; }

h1, h2, h3, h4, h5     	{ margin:0; padding:0;color:#000; font-size:14px; font-weight:normal; }


a                    	{ text-decoration:none; color:#2fb9e7; font-weight:normal; cursor:pointer; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; transition: color 0.1s linear;}
a:hover                	{ text-decoration:none; color:#00bfff;  }

hr                     	{ float:left;clear:both; background:url(/images/horizontal-dot.gif) repeat-x top left; height: 3px;border: 0;  width: 100%; margin:14px 0 20px 0; }

p,
ul,
ol 					{ margin-bottom: 1em; }
.clear              { clear:both; }
.bulletlist			{ list-style-type:disc; margin:1em; line-height:1.8; }

form { margin:0; padding:0; }

input, select, textarea, tel { font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;  padding:0.6em; font-size:0.9em; border:1px #ccc solid; border-radius:8px; }

img 					{ border:0; max-width: 100%; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a.gen					{   padding:0.5em 0.9em; color:#333; font-size:0.9em; background: #129ecd;
    background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
a.gen:hover { background-image: -webkit-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:         linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
   border: solid 1px rgba(0,52,129,1);
}



 

img.alignright { float:right; margin:6px 0 6px 16px; }

select { cursor:pointer; }

/*fix twitter scrollbar*/
iframe[name="twttrHubFrame"] {
display: none !important;
}

/*  TEMPLATE ============================================================================= */



#skiptomain 	{ display: none; }
header 			{ float:left; width:100%;   }
a#logo			{ float:left;  display:block; width:328px; height:100px; background: url(../images/Logo-Whizxpress.png) no-repeat; margin:2px 0 0px 0; text-indent:-9999em; background-size:100% }

a#logo_intro{ float:left;  display:block; width:339px; height:104px; background: url(../images/logo_whizxpress.png)  no-repeat; margin:2px 0 0px 0; text-indent:-9999em; background-size:100% }




.navIcon		{ display:none }
#nav			{ float:right;  clear:right; margin:1.6em 0 -0.4em 0; padding:0; width:auto;  }
#nav li 		{ list-style-type: none; float:left; display:block;  }
#nav li a 		{ display:block; font-size:1.0em; color:#000; padding:8px 8px;  font-weight:700; text-decoration:none;  }
#nav li a:hover { text-decoration:none; border-bottom:4px #2fb9e7 solid; color:#2fb9e7;   }
#nav li.mobLink { display:none; }

.just{ text-align:justify; width:100%}
.sm_med{ float:right; width:auto}
.sm_med ul{ padding:0px; margin:0px;}
.sm_med li{ list-style-type:none; width:auto; float:right}
.sm_med li a { display:block; padding-right:10px; }


.prp_hd{ font-family:Arial, Helvetica, sans-serif; font-size:30px; width:100%; font-weight:bold color:#333; line-height:80px; }
.prp_ht{ padding-top:10px; width:100%; border-top:2px solid #999; padding-bottom:5px; padding-top:20px; height:2px; }
 
.prp_outr{ width:100%}
.prp_outr p{ font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:22px;}

 
 
 
 /* Hover Menu */
ul#nav li.hassub { position:relative; background:url(/images/icon-drop.png) no-repeat center right; padding-right:8px; margin-right:4px;  }
ul#nav li.hassub a { border:0; }
ul#nav li.hassub:hover {     
	background: #eee; 
	z-index:9999;  
	-moz-border-radius: 5px 5px 0px 0px;  
	-webkit-border-radius: 5px 5px 0px 0px;  
	border-radius: 5px 5px 0px 0px;  
}
ul#nav li.mobOnly { display:none; }			

.col_1,  
.col_2 { 

    display:inline;  
    float: left;  
    position: relative;  
    padding: 5px; 
    line-height: 1.3em;
}  

.col_1 {width:200px;}  
.col_2 {width:390px;}

ul#nav li ul {  
    list-style:none;  
    padding:0; margin:0;  
}  
ul#nav li ul li {     
    position:relative; 
    padding:3px 6px;  
    margin:0;  
    float:none;  
    text-align:left;
    width:200px;
}  

ul#nav li ul li a {
	padding: 0px; font-size:82.5%; text-shadow:1px 1px 0 #eee;
}

ul#nav li ul li:hover {  
    background:none;  
    border:none; 
} 



section				{ margin:0 auto; width:80%; max-width: 75em; /* 1200px / 16 */ }

 

.content			{ float:left; width:100%; /* padding:1em 0; */ }

footer			{ float:left; background:#393939; color:#ccc; width:100%; padding:0.5em 0 1em 0;   }
footer ul		{ float:left; list-style-type:none;  }
footer li, footer li a { float:left;   padding:0 0 0.1em 0; color:#999; }
footer li a:hover { color:#fff; }
footer .col { font-size:0.9em; }
#belowfooter			{ float:left; background:#292929; color:#ccc; width:100%; padding:0 0 1em 0;   }
#belowfooter ul { float:left; width:100%; margin:0; padding:0.5em 0 0 0; font-size:0.9em;}
#belowfooter li { float:left; width:20%; text-align: center; }
#belowfooter li a { color:#999; display:block; padding:0.5em 0;}
#belowfooter li a:hover { color:#fff; }

footer h5 { clear:both;font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; color:#fff; text-transform:uppercase; font-size:1.6em; }

a.totop { padding:0.8em 0;  position:absolute; width:90%; margin:-7em 0 0 0; display:none; color:#fff; text-align:center; background: #2fb9e7;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; font-size:1.2em;}


.twitter-timeline { width:100%; height:328px;}

.social-icons { float:left; width:100%; margin-top:1.5em; clear:both;  }
.social-icons a { float:left; margin-right:0.5em; padding:7px 4px 4px 4px; width:40px; height:40px; border-radius:80px; font-size:22px; text-align:center; line-height:1.4; color:#fff; text-align:center; background:#555; }
	.social-icons a:last-child { margin-right:0; }

.social-icons a.ffacebook 		{ background:#3b5998; }
.social-icons a.ftwitter 		{ background:#33bcef; }
.social-icons a.flinkedin 		{ background:#007ba6; }
.social-icons a.fgoogle 		{ background:#d85338; }

.copyright		{ float:left; clear:left; padding:1.5em 0 0.5em 0; text-align:left; font-size:12px; width:100%; text-align:center;}
.copyright p { max-width:600px; margin:0 auto; }
.copyright a { color:#ccc; }
.copyright img { padding-right:0.5em; }

/*  HOMEPAGE ============================================================================= */

a#home_intro  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/banner-16-2.jpg); background-repeat: no-repeat; width:100%; height:100%; background-size:100%;   text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;   }
a#home_intro h1	{ color:#fff;  line-height:1.3; font-weight:bold; padding:0.1em 1em 0 1em; margin:0 0 -0px 0; font-weight:700; font-size:2.4em  }
.inner{display: block;	height: 0;	padding-top:48.2%;}




.h_services { float:left; width:100%; background: url(../images/bg.jpg);  color:#888; padding:1.2em 0 ; clear: right }
.h_services h5 { font-family: Arial, Helvetica, sans-serif; color:#333; font-size:1.5em; line-height:1.2; margin:0.3em 0 0.1em 0; font-weight:bold; letter-spacing:0.5px; }
.h_services p { font-size:0.9em; line-height:1.3; color:#333 }

.h_services .col { text-align:center;  }

.featured_header { float:left; width:100%; text-align:center; font-size:1.8em; padding:0 0 0.3em 0; }
	.featured_header h3 { display:inline-block; border-top:1px #333 solid; border-bottom:1px #333 solid; padding:0.1em 0 0.2em 0; font-size:1.25em;  }
		.featured_header h3 a { color:#000;  }
		.featured_header h3 a:hover { color:#2eb8e7;  }
	.featured_header h4 { font-size:15px; }
.h_latest { float:left; width:100%; margin:0; text-align:center; }
.h_latest h4 { margin:0.5em 0 0 0; padding:0; font-size:1.1em;  font-weight:bold; }

.outline-button { border:1px #d0d0d0 solid; -webkit-border-radius: 8px;     -moz-border-radius: 8px;     border-radius: 8px;padding:0.4em 0.7em 0.6em 0.7em; display:inline-block; font-size:0.9em; margin-top:0.7em; }
.outline-button:hover { border:1px #2eb8e7 solid; }

a.view, a.backto { float:left; color:#333; font-size:0.8em;  padding:0.5em 0.7em; margin:0 1em 0.5em 0; text-shadow:1px 1px 0px #fff; background: #fff;
    -webkit-border-radius: 8px;     -moz-border-radius: 8px;     border-radius: 8px; box-shadow:2px 2px 0px rgba(0,0,0,0.05); border:1px #d0d0d0 solid;}
a.view img { float:left; margin-right:0.4em; border-radius:0 !important; border:0 !important; box-shadow:none !important; }
	a.view img:hover { border:0 !important; border-radius:0 !important; box-shadow:none !important; }
a.view:hover, a.backto:hover {  border:1px #2eb8e7 solid;color: #2eb8e7;}
 
.news_title a 	{  font-size:1.3em; font-weight:bold;  }
.news_title a:hover { color:#000; border-bottom:1px #000 dotted; }
.blog_date 	{ font-size:0.9em;  color:#000; padding:0 0 0.5em 0;}
.h_news p 	{ font-size:0.9em; line-height:1.4; }




 
/*  SERVICES ============================================================================= */

.callus { float:left; clear:both; width:100%; font-size:0.9em; }
.callus p { max-width:80%; }

#services			{ float:right; width:74%; }
.service_intro 		{ float:left; width:100%; clear:left;  text-align:center; font-size:1.1em;  border-top:2px #ccc solid; padding:1em 0 0.5em 0;}
#services .author	{ text-align:center;  color:#000; }

.service 			{ float:left; width:100%;   padding:0 0 1em 0; }
.service-img 		{ float:right; width:34%; padding:2em 0 0 0; }
.service aside 		{ float:left; width:60%; margin:-1.6em 0 0 0;}
.service h3 { clear:both; font-size:1.9em; }
.examples 				{ float:left; width:100%; clear:both; padding-top:1em; }
.examples a				{ float:left; color:#fff; text-align:center; width:28%; margin-left:3%; padding:0.6em 1% 0.8em 1%; line-height:1.2;
background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: rgba(255,255,255,1);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3); }
.examples a:first-child { margin-left: 0; }
.examples a i { text-transform:uppercase; color:#ddd; font-size:0.7em; font-style:normal; }
.examples a:hover {
   background-image: -webkit-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:         linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
   border: solid 1px rgba(0,52,129,1);
}


/*  WHO WE ARE ============================================================================= */

h2.pagetitle	{ font-size:1.8em; font-weight:bold; }
.hdintro		{ color:#000; font-size:1.2em; }

.video_container { float:left; width:100%; background:#000; height:450px; text-align:center; margin:0.2em 0 1.2em 0;  }
.video { height:450px; }


#catcher		{ float:left; }
#smenu 			{ float:left; width:22%; padding-top:1em;  }
#smenu h4  { font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; text-transform:uppercase; font-weight:normal; clear:both; font-size:1.2em; }
#smenu a:hover { color:#000; }
#smenu ul { float:left; width:100%; }
#smenu li { border-bottom:1px #ccc dotted; padding:0.2em 0; }
#smenu li.active, #smenu li.active a { background:#eee; text-indent:0.8em; font-weight:bold; }
#smenu li a { font-size:0.9em; }
#whoweare		{ float:right; }

.stickymenu 	{  }
.backtotop 	{ float:left; margin:1em 0 2em 0; padding:0.5em 0.9em; color:#333; font-size:0.9em; background: #e4e4e4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#d7d7d7));
    background: -moz-linear-gradient(center top, #f6f6f6 0%, #d7d7d7 100%);
    -webkit-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    -moz-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
.backtotop:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #ddd;
    -moz-box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #ddd;
    box-shadow: 0px 0px 0px 1px #ccc inset, 1px 1px 4px 0px #ddd;
    color: #424242;
}

.officeimg { margin-bottom:1em; }

.staff			{ float:left; width:22%; margin:0 0 1em 3%; line-height:1.3; }
.name			{  margin:0; padding:0.3em 0 0 0; color:#000; }
.jobtitle		{ font-size:0.8em;  color:#666; }

.number,
.number2 		{  float:left; border-radius: 50%; width: 50px; height: 47px; padding-top:3px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold; font-size:1.7em; 
background: #000;  }
.number2 { width:80px; height:59px; margin-left:-15px; padding-top:21px; }
.stat,
.stat2			{ float:left; width:80%; font-size:0.8em;  color:#666; padding:0.4em 0 0 1em; }
.stat2 { padding-top:2em; }



/*  CONTACT PAGE ============================================================================= */

#contact		{  }

.office			{ float:left; width:50%;  }
.office b 		{ float:left; width:20px; color:#000; }
.googlemap 		{ float:left; margin:0 0 20px 0; border:6px #eee solid; }
.office_details	{ float:left; width:100%; font-size:0.9em;  }
address			{ font-style:normal; padding:1em 0; }
.office h5 		{ font-size:0.9em; letter-spacing:1px; color:#888; }
.office h3 		{ padding:0 0 8px 0;  }
.office a:hover { color:#000; border-bottom:1px #000 dotted; }

.enquiry_wrap	{ float:left; width:100%; background:#eee; -webkit-box-shadow: inset 0px 6px 8px 6px rgba(0, 0, 0, 0.05); box-shadow: inset 0px 6px 8px 6px rgba(0, 0, 0, 0.05); padding:1.3em 0 1.6em 0; margin:1em 0 -1em 0; }
.enquiry_intro	{ float:left; width:34%; font-size:14px; }
.enquiry_form	{ float:left; width:60%; margin-top:-2em; padding-left:6%; }

.enquiry_form label { float:left; width:30%; clear:both; font-size:1em; padding:0.5em 0; color:#000; font-weight:normal; }
.enquiry_form input[type="text"], .enquiry_form input[type="tel"], .enquiry_form input[type="email"] { float:left; width:100%; margin:0 0 0.9em 0; -webkit-box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1); border:1px #fff solid; }

input.contactInput { width:144px; display:block; margin:0 6px 6px 0; }
textarea#EnquiryDetail { width:100%;border:1px #ccc solid;  -webkit-box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.1); }
input#btnSubmit { float:right; cursor:pointer; margin:1em 0 0 0; font-size:1.2em; display:block; }

.field-validation-error
{
    float:left;
    width:100%;
    color:#ff0000;
    font-size:12px;
}

input#btnSubmit					{   padding:0.5em 0.9em; color:#333; font-size:0.9em; background: #129ecd;
    background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
input#btnSubmit:hover { background-image: -webkit-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   background-image:         linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
   -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
   border: solid 1px rgba(0,52,129,1);
}

.enquiry_form input:focus,
.enquiry_form textarea:focus { border:1px #000 solid; }

/ 
/*  OVERRIDES ============================================================================= */

.noleft				{ margin-left:0; }
.floatright			{ float:right !important; }

 


/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}





/*main Features */

.du_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image: url(../images/unimg.jpg)    }

.du_sec .du_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/un-numb.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }

.du_inner{ display:block; height:0px; padding-top:80% }

.du_cont{ float:left; width:100%; padding-top:70px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.6em; line-height:0.8em; font-weight:bold; color:#992800}
.du_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.5em; line-height:2.8em;  font-weight:bold; color:#a64701}
.du_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#333; line-height:1.6em;}


.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }

.db_sec .db_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image:url(../images/callxp-mob.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }

.db_inner{ display:block; height:0px; padding-top:80% }

.db_cont{ float:left; width:100%; padding-top:70px}
.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.8em; line-height:0.8em; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.5em; line-height:2.8em;  font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#333; line-height:1.6em;}





.dunl_sec{ float:left;  width:100%; height:100%; padding:0px ; position:relative;  clear:right; margin:1px 0px; background-image: url(../images/unlbg.jpg);   }

.dunl_sec .dunl_img{ float:left; position:relative; bottom:-18px; width:100%; padding-left:0em; margin:0px; background: url(../images/dnl-grl.png);  height:100%;    background-repeat:no-repeat; background-size:62%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
	
.dunl_inner{ display:block; height:0px; padding-top:110% }
.dunl_icall{float:left; width:100%; padding-top:100px}
.dunl_icall h2{font-family:Arial, Helvetica, sans-serif; font-size:2.2em; line-height:1.1em; font-weight:bold; color:#ba3000}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-bottom:15px; padding-top:15px;  font-weight:bold; color:#c13d01}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; color:#333; line-height:1.6em;}


.dch_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image: url(../images/chtbg.jpg);    }
.dch_sec .dch_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/chtexp.png) ; height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dch_inner{ display: block;	height: 0;	padding-top:83.4%; }

.dch_cont{ float:left; width:90%; padding-top:70px}
.dch_cont2{ float:left; width:80%; padding-top:7px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:3.0em; line-height:0.8em; font-weight:bold; color:#427001}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#538d01}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; color:#333; line-height:1.6em;}




.dv_sec{ float:left;  width:100%; height:80%; padding:0px ; clear:right; margin:1px 0px; background:url(../images/dvbg.jpg);   }
.dv_sec .dv_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/dvimg.png); height:100%; background-size:80%;   background-repeat:no-repeat;   text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dv_inner{display: block;	height:0;	padding-top:42.8%;}

.dv_cont{ float:left; width:100%; padding-top:20px}
.dv_cont2{ float:left; width:80%; padding-top:7px}
.dv_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.3em; line-height:1.0em; text-align:center; font-weight:bold; color:#fff}
.dv_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.5em; line-height:2.4em;  text-align:center;font-weight:bold; color:#fbbd00}
.dv_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; text-align:center;color:#fff; line-height:1.4em;}


/* intro Page*/

.int_bnr{ margin:0 auto; width:100%; text-align:center; padding-top:10px;  }
.int_bnr img{ width:12%; text-align:center; padding-top:10px; }

.int_sec_bnr{ margin:0 auto; width:100%; text-align:center; padding-top:10px;  }
.int_sec_bnr img{ width:20%;     text-align:center; padding-top:10px; }


.int_thrd_bnr{ margin:0 auto; width:100%; text-align:center; padding-top:10px;  }
.int_thrd_bnr img{ width:20%;     text-align:center; padding-top:10px; }


.int_contbx{ width:100%}
.int_fnhd16_pnk{ font-size:14px; font-weight:bold; color:#fb316a; }



.int_fnhd16_org_sec{ font-size:16px; font-weight:bold; color:#ef6e02; }

.int_fnhd16_yel_thrd{ font-size:16px; font-weight:bold; color:#fcb303; }

.int_fnhd16_yel_thrd_lnk{ font-size:14px; color:#0256c8; }



.lnh40{ line-height:10px;}
.intbul{ width:100%;font-size:13px; }
.intbul ul{ margin:0px; padding:0px; }
.intbul li{ list-style-type:circle; margin-left:20px; font-family:Arial, Helvetica, sans-serif;   line-height:15px; color:#333 }

.int_foo_outrbx{ width:100%;}

.int_foo_inrrbx{ width:100%; text-align:center; padding-top:20px;}
.int_foo_p{ margin:0 auto; width:100%; text-align:center; padding-top:20px; display:inline   }

.int_foo_p img {padding-left:5px; padding-right:5px;}




/* Download Image */

.dwn_panandr{ float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px; }
.dwn_paniph { float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px; }
.dwn_panpck{ float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px; }
.dwn_panmck{ float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px;  }


#dwn_ico{ margin:0px; padding:0px; }
#dwn_ico2{ margin:0px; padding:0px; }
#dwn_ico3{ margin:0px; padding:0px; }
#dwn_ico4{ margin:0px; padding:0px; }



#dwn_mobapp{float:left; width:100%;  color:#333; padding:1.2em 0 ; clear: right }
.dwn_inrmoic{ float:left; width:85%; padding-left:15%; }
.dwn_dwnhd{ float:left; width:100%; padding-top:10px;}

ul.dwnbul{ float:left; margin:0px; padding:0px; width:100%}

.dwnbul li{  list-style-type:disc; list-style-position:inside; margin-left:0px !important; padding-left:0px;    padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333}
 
.dwn_panandr{ float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px; }


.dwn_paniph { float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px; }
.dwn_panpck{ float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px; }
.dwn_panmck{ float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px;  }

 
 
#myanchorid a{ width:100%;  }

.dwn_imgoutr{ width:80%; padding-left:20%;}
.dwn_btnoutr{ float:left; width:50%; padding-left:10%; padding-top:20px; background-size:100%;}
.dwn_btn{padding:0.50em 0.93em 0.93em 0.93em; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#FFF;   float:right; }


#dwb_mobban  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/banner-download.jpg); background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ; background-position: 50% 50%; vertical-align: middle;      }
.dwb_inner{display: block;	height: 0;	padding-top:38%;}

 



#hiw_bnroutr  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/how-to-works.jpg) ; background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ;  background-position: 50% 50%; vertical-align: middle;     }
.hiw_inner{display: block;	height: 0;	padding-top:18%;}


.hiw_hiwhd{float:left; width:100%;  color:#333; padding:1.2em 0 ; clear: right }
.hiw_hiwhdcont{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding:5px 0px 5px 0px; font-weight:bold;   font-weight:bold; color:#333; text-align:center; background-color:#f1f2f2  }


.hiw_mobservtb{float:left; width:100%;  color:#333; padding:1.2em 0 ; clear: right }

.hiw_servtb{ float:left; width:100%;  }
.hiw-tbcht{ padding:5px 20px 5px 20px; background-color:#333; color:#FFF; font-size:14px; font-weight:bold; text-align:center }
.hiw-tboutcall{ padding:5px 20px 5px 20px; background-color:#333}
.hiw-binccall{ padding:5px 20px 5px 20px; background-color:#333}
.hiw-tbpbx{ padding:5px 20px 5px 20px; background-color:#333}


.hiw_bdoutr{ float:left;  width:100%; height:100%; padding:0px ; clear:right; margin:20px 0px; }

.hiw_bdhdr{ float:left; width:100%; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:16px; font-weight:bold; color:#333;}

.hiw_bdpont{ float:left; width:100%; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; }

.hiw_bdpont h2{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#333 }
 

#fq_bnroutr  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/faq2.jpg); background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ;  background-position: 50% 50%; vertical-align: middle;     }
.fq_inner{display: block;	height: 0;	padding-top:18%;}

#cont_bnroutr  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/contact.jpg)   ; background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ;  background-position: 50% 50%; vertical-align: middle;     }
.cont_inner{display: block;	height: 0;	padding-top:18%;}



#glb-pbxoutr{float:left; width:100%;   color:#333; padding:1.2em 0 ; clear:right    }
.glb-pbxinr{ width:80%; padding-left:20%   }
.glb_panw{ float:left; width:85%; padding:5px 0% 5px  15%; border-bottom:1px dashed}

.glb_psec{ float:left; width:85%; padding:5px 0% 5px   15%; border-bottom:1px dashed; background-color:#edf8ff}

.glb_cmap{ float:left; width:30px; }
.glb_Plft{ float:left; width:86%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333}
.gl_prgt{ float:left; width:45%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333}


#gl_bnroutr  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/Global-pbx-number.jpg)    ; background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ;  background-position: 50% 50%; vertical-align: middle;     }
.gl_inner{display: block;	height: 0;	padding-top:18%;}


/*Responsive tabbed */
.r-tabs {
	position: relative;
}

.r-tabs .r-tabs-nav {
	border-bottom: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	top: 1px;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
	background: #00aadd;
	margin-bottom: 3px;
	padding: 10px 24px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #fff;
	margin-bottom: -1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #00aadd;
	background-color: #fff;
}

.r-tabs .r-tabs-panel {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #00aadd;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #00aadd;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0;
}











.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}


@media only screen and (max-width: 240px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}



float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/banner-16-2.jpg); background-repeat: no-repeat; width:100%; height:100%; background-size:100%;   text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;
/*  MEDIA QUERIES ============================================================================= */

/* e.g. iPad Portrait */

@media screen and (max-width: 1280px)
{
	section { width:90%; }
	#nav li a { font-size:0.9em; padding:8px 9px; }
	.h_services .span_1_of_3 { width: 25.75%; margin-bottom:1em; }
	
	
}


	
@media screen and (max-width: 1024px)
{
	.about-img { width:50%; }
	#home_intro h1 { padding:0 1em; font-size:2.8em }
	
	#nav li a { font-size:0.9em; padding:8px 9px; }
 	

}

/* e.g. Smaller tablets and Larger Smartphones */
@media screen and (max-width: 930px)
{

	#home_intro h1 { padding:0.1em; font-size:2.8em }
	a#logo { margin:1.0em 0 0.1em 0; background-size:80%; font-size:0.5em}
    .navIcon		{ float:right; margin:1.6em 0 0 0; display:block;  }
	.navIcon img { width:40px; }
	ul#nav li.mobOnly { display:block; }
	#show_menu { float:left; width:100%; display:none; }
	
	#nav { float:left; width:100%; padding:0;margin:-0.5em 0 1em 0; }
	
	#nav li { width:100%; border-bottom:1px #ccc solid;  }
	#nav li a { padding:0; border:0; display:block; font-size:1.1em; }
	#nav li a:hover { border:0; }


	
	
	.col_1,  
	.col_2 { padding:0; width:100%; }
	#nav li.mobLink { display:block; }
	
		

	
	.copyright { font-size:0.7em; border:0; }
	
	#page_intro p	{ max-width:100%; }
	
	.filtermenu ul li  { width:46%; }
	
	/* Who we are - hide left menu */
	
}

@media screen and (max-width: 930px) {

	
	a#home_intro h1 { padding:0 1em; font-size:2.0em }
	.h_services .span_1_of_3 { width:31.75%; margin-bottom:1em; }
	.h_services .span_1_of_3:nth-child(odd) { margin-left:0; }
	
.dunl_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image: url(../images/unlbg.jpg);   }


.dunl_icall{float:left; width:100%; padding-top:50px}
.dunl_icall h2{font-family:Arial, Helvetica, sans-serif; font-size:2.0em; line-height:1.2em; font-weight:bold; color:#0142ac}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-bottom:10px; padding-top:10px;  font-weight:bold; color:#c13d01}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.6em;}



.dunl_sec .dunl_img{ float:left; position:relative; bottom:-7px; width:100%; padding-left:0em; margin:0px; background: url(../images/dnl-grl.png);  height:100%;    background-repeat:no-repeat; background-size:65%;  text-align:center; display:inline-block ; background-position: 50% 50%;  vertical-align: middle;    }
	
.dunl_inner{ display:block; height:0px; padding-top:110.5%;  }

 
.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }
.db_sec .db_img{ float:left; position:relative; bottom:-22px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/calxp-mob24.png); height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;  vertical-align: middle;    }
.db_inner{ display:block; height:0px; padding-top:95% }
.db_cont{ float:left; width:100%; padding-top:60px}
.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; line-height:0.8em; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-bottom:10px; padding-top:10px;  font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.6em;}



.du_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image: url(../images/unimg.jpg)    }
.du_sec .du_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/un-numb.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.du_inner{ display:block; height:0px; padding-top:80% }
.du_cont{ float:left; width:100%; padding-top:40px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.1em; line-height:1.8em; font-weight:bold; color:#992800}
.du_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-bottom:10px; padding-top:10px;  font-weight:bold; color:#a64701}
.du_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.6em;}


.dch_sec .dch_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/chtexp.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dch_inner{ display: block;	height: 0;	padding-top:89.5; }


.dch_cont{ float:left; width:90%; padding-top:50px}
.dch_cont2{ float:left; width:80%; padding-top:7px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.1em; line-height:1.0em; font-weight:bold; color:#427001}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-top:15px; padding-bottom:15px;  font-weight:bold; color:#538d01}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.6em;}

.dwn_btnoutr{ float:left; width:50%; padding-left:10%; padding-top:20px; background-size:100%;}
.dwn_btn{ padding:0.50em 0.93em 0.93em 0.93em; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#FFF; background-size:100%;    float: right }





.dwn_dvico_rt{
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  
 
.dwn_dvico_rt:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}  
#dwb_mobban { float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/banner-download-small.jpg);  background-repeat: no-repeat; width:100%; height:100%; background-size:100%;    }
.dwb_inner{display: block;	height: 0;	padding-top:55%;}

#hiw_bnroutr  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/how-to-works-small.jpg)  ; background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ;  background-position: 50% 50%; vertical-align: middle;     }
.hiw_inner{display: block;	height: 0;	padding-top:18%;}

.glb_panw .span_1n_of_2n{  width:100%; display:block; text-align:left} 
.glb_psec .span_1n_of_2n{  width:100%; display:block; text-align:left} 

.glb_Plft{   clear:right; }

.int_foo_p img {padding-left:5px; padding-right:5px; width:12%}

}
@media screen and (max-width: 860px)
	{
	a#home_intro h1 { padding:0 1em; font-size:1.8em }
	.h_services .span_1_of_3 { width:31.75%; margin-bottom:1em; }
	.h_services .span_1_of_3:nth-child(odd) { margin-left:0; }


	}
		

@media screen and (max-width: 820px)
	{
	 .dunl_sec .dunl_img{ float:left; position:relative; bottom:-5px; width:100%; padding-left:0em; margin:0px; background: url(../images/dnl-grl.png);  height:100%;    background-repeat:no-repeat; background-size:65%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
	
.dunl_inner{ display:block; height:0px; padding-top:110.5%;  }

.dunl_icall{float:left; width:100%; padding-top:40px}
.dunl_icall h2{font-family:Arial, Helvetica, sans-serif; font-size:1.7em; line-height:1.1em; font-weight:bold; color:#ba3000}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-bottom:10px; padding-top:10px;  font-weight:bold; color:#c13d01}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}



.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }
.db_sec .db_img{ float:left; position:relative; bottom:-23px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/callxp-mob.png) ; height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;  vertical-align: middle;    }
.db_inner{ display:block; height:0px; padding-top:99% }
.db_cont{ float:left; width:100%; padding-top:40px}
.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.5em; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}

 
.du_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image: url(../images/unimg.jpg)    }
.du_sec .du_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/un-numb4.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.du_inner{ display:block; height:0px; padding-top:88% }
.du_cont{ float:left; width:100%; padding-top:50px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.5em; font-weight:bold; color:#992800}
.du_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-bottom:15px; padding-top:10px;  font-weight:bold; color:#a64701}
.du_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}
 
 
.dch_cont{ float:left; width:90%; padding-top:20px}
.dch_cont2{ float:left; width:80%; padding-top:7px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.0em; font-weight:bold; color:#427001}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-top:15px; padding-bottom:15px;  font-weight:bold; color:#538d01}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.6em;}
 
 
	.h_services .span_1_of_3 { width:31.75%; margin-bottom:1em; }
	.h_services .span_1_of_3:nth-child(odd) { margin-left:0; }
	

	
	}
	
@media screen and (max-width: 770px) {

a#home_intro h1 { padding:0 1em; font-size:1.7em }

.dunl_icall{float:left; width:100%; padding-top:40px}
.dunl_icall h2{font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.1em; font-weight:bold; color:#ba3000}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-bottom:10px; padding-top:10px;  font-weight:bold; color:#c13d01}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}



}


@media screen and (max-width: 768px) {
a#home_intro h1 { padding:0 1em; font-size:1.7em }
 

}
@media screen and (max-width: 760px) {
	a#home_intro h1 { padding:0 1em; }
	a#home_intro h1 { padding:0 1em; font-size:1.5em }

 

}
@media screen and (max-width: 740px)

{
	a#home_intro h1 { padding:0 1em; font-size:1.5em }
.dunl_icall{float:left; width:100%; padding-top:20px}
.dunl_icall h2{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em; font-weight:bold; color:#ba3000}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.2em; padding-bottom:10px; padding-top:10px;  font-weight:bold; color:#c13d01}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}

 	
}
	
@media screen and (max-width: 700px) {

 .dunl_sec .dunl_img{ float:left; position:relative; bottom:-8px; width:100%; padding-left:0em; margin:0px; background: url(../images/dnl-grl.png);  height:100%;    background-repeat:no-repeat; background-size:65%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
	
.dunl_inner{ display:block; height:0px; padding-top:115.5%;  }

.dunl_icall{float:left; width:100%; padding-top:20px}
.dunl_icall h2{font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.1em; font-weight:bold; color:#ba3000}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.2em; padding-bottom:10px; padding-top:10px;  font-weight:bold; color:#c13d01}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}




.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }
.db_sec .db_img{ float:left; position:relative; bottom:-20px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/calxp-mob24.png); height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;  vertical-align: middle;    }
.db_inner{ display:block; height:0px; padding-top:99% }
.db_cont{ float:left; width:100%; padding-top:20px}
.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.5em; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}



.du_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image: url(../images/unimg.jpg)    }
.du_sec .du_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/un-numb4.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;   vertical-align: middle;    }
.du_inner{ display:block; height:0px; padding-top:100% }
.du_cont{ float:left; width:100%; padding-top:20px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.7em; line-height:1.5em; font-weight:bold; color:#992800}
.du_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#a64701}
.du_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}
 
.dch_sec .dch_img{ float:left; width:100%; padding-left:0em; padding-top:20px; margin:0px; background: url(../images/chtexp4.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dch_inner{ display: block;	height: 0;	padding-top:83.5; }


.dch_cont{ float:left; width:90%; padding-top:20px}
.dch_cont2{ float:left; width:80%; padding-top:7px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.7em; line-height:1.0em; font-weight:bold; color:#427001}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-top:15px; padding-bottom:10px;  font-weight:bold; color:#538d01}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; color:#333; line-height:1.6em;}


a#home_intro h1 { padding:0 1em; font-size:1.5em }
	footer { margin-top:3em; }
	a.totop { display:block; }
	
}





@media screen and (max-width: 600px)

{
 
.db_cont{ float:left; width:100%; padding-top:20px}
.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.4em; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.1em; padding-top:8px; padding-bottom:8px;  font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.6em;}
 	
 
}
	
@media screen and (max-width: 580px)

{
	
a#home_intro{ background:url(../images/banner-560.jpg);  background-repeat:no-repeat }
.inner{display: block;	height:0;	padding-top:69.5%; background-size:100%}
a#home_intro{background-size:100%}

a#home_intro h1 {  font-size:1.3em; line-height:1.3; padding-bottom:0.8em;  }
	
	/* Hide any elements that make the page too much to digest on a mobile */
.mobhide 		{ display:none; }
#page_intro h1	{ font-size:1.2em; padding-bottom:0.2em; }
.h_services { padding:0; border:0; }
.h_services section { padding:0; width:100%; }
.h_services img { height:60px; float:left; margin:0 0.3em 0.5em 1em; }
.h_services h5 {  float:left; margin:0.0em 0.3em 0.2em 0.5em; }
.h_services a { float:right; margin:-0.2em 0.5em 0.5em 1em; font-size:0.7em; }
.h_services p { display:none; }
.h_services .span_1_of_3 { width: 100%; margin:0; padding:0.8em 0 0.2em 0; border-bottom:1px #333 solid; }
.service-img {  float:none; width:80%; padding:1em 5%; text-align:center;}
 
a#logo          { background-size:70%; height:70px}
#nav			{ float:right;  clear:right; margin:1.0em 0 -0.4em 0; padding:0; width:auto; }
#nav li 		{ list-style-type: none; float:left; display:block;  }
#nav li a 		{ display:block; font-size:0.9em; color:#000; padding:6px 5px;  font-weight:700; text-decoration:none;  }
#nav li a:hover { text-decoration:none; border-bottom:4px #2fb9e7 solid; color:#2fb9e7;   }	

.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }
.db_inner{ display:block; height:0px; padding-top:100% }
.db_cont{ float:left; width:100%; padding-top:20px}

.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.9em; line-height:1.1em; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.5em;}



 .du_sec .du_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/un-numb.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;   vertical-align: middle;    }
.du_inner{ display:block; height:0px; padding-top:100% }
	
 	
 .du_sec h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.9em; line-height:1.1em; font-weight:bold; color:#0142ac}
.du_sec h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.du_sec h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.5em;}

	
 .dch_sec{ float:left; width:100%; padding-top:20px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.9em; line-height:1.1em; font-weight:bold; color:#0142ac}
.dch_cont  h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.dch_cont  h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.5em;}
		

.du_cont{ float:left; width:90%; padding-top:20px}
.du_cont2{ float:left; width:80%; padding-top:7px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.9em; line-height:1.1em; font-weight:bold; color:#0142ac}
.du_cont  h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.du_cont  h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.5em;}

 
.dunl_sec .dunl_img{ float:left; position:relative; bottom:-5px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/dnl-grl3.png);  height:100%;    background-repeat:no-repeat; background-size:76%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dunl_inner{ display:block; height:0px; padding-top:130% }

 
.dunl_icall{ float:left; width:100%; padding-top:20px}
.dunl_icall2{ float:left; width:100%; padding-top:7px}
.dunl_icall h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.1em; font-weight:bold; color:#0142ac}
.dunl_icall  h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.dunl_icall  h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.5em;}


.dch_sec .dch_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/chtexp4.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dch_inner{ display: block;	height: 0;	padding-top:83.5; }
.dch_cont{ float:left; width:100%; padding-top:0px}
.dch_cont2{ float:left; width:80%; padding-top:20px}

.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.9em; line-height:1.1em; font-weight:bold; color:#0142ac}
.dch_cont  h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.dch_cont  h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; color:#333; line-height:1.5em;}


.dv_sec .dv_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/dvimg4.png) ; height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dv_inner{display: block;	height: 0;	padding-top:54.8%;}
.dv_cont{ float:left; width:100%; padding-top:20px}
.dv_cont2{ float:left; width:80%; padding-top:7px}
.dv_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.0em; text-align:center; font-weight:bold; color:#fff}
.dv_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  text-align:center;font-weight:bold; color:#333}
.dv_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; text-align:center;color:#fff; line-height:1.6em;}


.glb_panw .span_1n_of_2n{  width:100%; display:block; text-align:left} 
.glb_psec .span_1n_of_2n{  width:100%; display:block; text-align:left} 

.glb_Plft{   clear:right; }


}



@media screen and (max-width: 540px) {
	
	
.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }
.db_inner{ display:block; height:0px; padding-top:100% }
.db_cont{ float:left; width:100%; padding-top:20px}

.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.1em; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; color:#333; line-height:1.5em;}



 .du_sec .du_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/un-numb.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;   vertical-align: middle;    }
.du_inner{ display:block; height:0px; padding-top:100% }
	
 	
 .du_sec h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.1em; font-weight:bold; color:#0142ac}
.du_sec h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.du_sec h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; color:#333; line-height:1.5em;}

	
 .dch_sec{ float:left; width:100%; padding-top:20px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.1em; font-weight:bold; color:#0142ac}
.dch_cont  h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.dch_cont  h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; color:#333; line-height:1.5em;}
		

.du_cont{ float:left; width:90%; padding-top:20px}
.du_cont2{ float:left; width:80%; padding-top:7px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.1em; font-weight:bold; color:#0142ac}
.du_cont  h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.du_cont  h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; color:#333; line-height:1.5em;}

 
.dunl_sec .dunl_img{ float:left; position:relative; bottom:-5px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/dnl-grl3.png);  height:100%;    background-repeat:no-repeat; background-size:76%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dunl_inner{ display:block; height:0px; padding-top:130% }

 
.dunl_icall{ float:left; width:100%; padding-top:20px}
.dunl_icall2{ float:left; width:100%; padding-top:7px}
.dunl_icall h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em; font-weight:bold; color:#0142ac}
.dunl_icall  h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.dunl_icall  h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.0em; font-weight:normal; color:#333; line-height:1.5em;}


.dch_sec .dch_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/chtexp4.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dch_inner{ display: block;	height: 0;	padding-top:83.5; }
.dch_cont{ float:left; width:100%; padding-top:0px}
.dch_cont2{ float:left; width:80%; padding-top:20px}

.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:1.1em; font-weight:bold; color:#0142ac}
.dch_cont  h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1em;   font-weight:bold; color:#c13d01}
.dch_cont  h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; color:#333; line-height:1.5em;}


.dv_sec .dv_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/dvimg4.png) ; height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dv_inner{display: block;	height: 0;	padding-top:54.8%;}
.dv_cont{ float:left; width:100%; padding-top:20px}
.dv_cont2{ float:left; width:80%; padding-top:7px}
.dv_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.0em; text-align:center; font-weight:bold; color:#fff}
.dv_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  text-align:center;font-weight:bold; color:#333}
.dv_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; text-align:center;color:#fff; line-height:1.6em;}

	
	
	
#dwb_mobban { float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/banner-download-xsmall.jpg) ;  background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ;  background-position: 50% 50%; vertical-align: middle;     }
.dwb_inner{display: block;	height: 0;	padding-top:55%;}



#hiw_bnroutr  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/how-to-works-small.jpg)  ; background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ;  background-position: 50% 50%; vertical-align: middle;     }
.hiw_inner{display: block;	height: 0;	padding-top:12%;}


.glb_panw .span_1n_of_2n{  width:100%; display:block; text-align:left} 
.glb_psec .span_1n_of_2n{  width:100%; display:block; text-align:left} 

.glb_Plft{   clear:right; }




a#logo_intro{ float:left;  display:block; width:240px; height:74px; background:url(../images/logo_whizxpress-24.png) no-repeat; margin:2px 0 0px 0; text-indent:-9999em; background-size:100% }
	
}


 

/* e.g. Mobiles/iPhone/etc */
@media screen and (max-width: 480px)
{	
 	a#home_intro h1 {  font-size:1.0em; line-height:1.3; padding-bottom:0.8em;  }
	a#logo	{ width:200px; height:60px;  background: url(../images/Logo-Whizxpress-200.png) no-repeat; background-size:100%; margin:0.5em 0; }

	.inner{display: block;	height:0;	padding-top:68.8%; }

	a#home_intro{background-size:100%}



.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }
.db_sec .db_img{ float:left; position:relative; bottom:-10px; width:100%; padding-left:0em; margin:0px; background-image:url(../images/callxp-mob.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;  vertical-align: middle;    }
.db_inner{ display:block; height:0px; padding-top:90% }

 .db_sec .span_1_of_2 { width: 100%; margin:0; padding:0.8em 0 0.0em 0;   }
.db_cont{ float:left; width:100%; padding-top:30px}
.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; line-height:1.0em; text-align:center; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.2em; padding-top:10px; padding-bottom:10px; text-align:center;  font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; text-align:center; color:#333; line-height:1.5em;}
	
.du_sec{ float:left;  width:100%; height:100%; padding:1.2em 0; clear:right; background-image: url(../images/un-bg.jpg) ; background-size:100%;   }
.du_inner{ display:block; height:0px; padding-top:44.5; }
 	
.du_sec .span_1_of_2 { width: 100%; margin:0; padding:0.8em 0 0.0em 0;   }
.du_sec{ float:left; width:100%; padding-top:10px}
.du_sec h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; text-align:center; line-height:1.0em; font-weight:bold; color:#992800}
.du_sec h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; text-align:center; line-height:1.2em; padding-top:10px; padding-bottom:10px; line-height:1.2em;  font-weight:bold; color:#a64701}
.du_sec h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em;  font-weight:normal; line-height:1.6em; text-align:center; color:#333; }	
	
	
.dch_sec .span_1_of_2 { width: 100%; margin:0; padding:0.8em 0 0.0em 0;   }
.dch_sec{ float:left; width:100%; padding-top:10px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; text-align:center; line-height:1.0em; font-weight:bold; color:#992800}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; text-align:center; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#a64701}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; text-align:center; color:#333; line-height:1.6em;}	
		

.du_cont{ float:left; width:90%; padding-top:30px}
.du_cont2{ float:left; width:80%; padding-top:7px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; line-height:1.0em; font-weight:bold; color:#992800}
.du_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#a64701}
.du_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.6em;}

 
.dunl_sec .dunl_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/dnl-grl3.png);  height:100%;    background-repeat:no-repeat; background-size:50%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dunl_inner{ display:block; height:0px; padding-top:85% }

.dunl_sec .span_1_of_2 { width: 100%; margin:0; padding:0.8em 0 0.0em 0;   }

.dunl_icall{ float:left; width:100%; padding-top:30px}
.dunl_icall2{ float:left; width:100%; padding-top:7px}
.dunl_icall h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.2em; text-align:center; font-weight:bold; color:#da3800}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; text-align:center; font-weight:bold; color:#0288af}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal;text-align:center; color:#333; line-height:1.5em;}


.dch_sec .dch_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/chtexp4.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dch_inner{ display: block;	height: 0;	padding-top:83.5; }
.dch_cont{ float:left; width:100%; padding-top:0px}
.dch_cont2{ float:left; width:80%; padding-top:7px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.0em; line-height:1.0em; font-weight:bold; color:#427001}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#538d01}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.5em;}


.dv_sec .dv_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/dvimg4.png) ; height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dv_inner{display: block;	height: 0;	padding-top:54.8%;}
.dv_cont{ float:left; width:100%; padding-top:20px}
.dv_cont2{ float:left; width:80%; padding-top:7px}
.dv_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.0em; text-align:center; font-weight:bold; color:#fff}
.dv_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  text-align:center;font-weight:bold; color:#333}
.dv_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; text-align:center;color:#fff; line-height:1.6em;}



.dwn_dvico_rt{
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  
 
.dwn_dvico_rt:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}  

.dwn_btnoutr{ float:left; width:80%; padding-left:10%; padding-top:10px; background-size:100%;}

.dwn_btn{ padding:0.30em 0.43em 0.30em 0.43em; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#FFF; background-size:100%;    float: right }	


.dwn_dwnhd{ float:left; width:100%; padding-top:0px;}

 
.dwn_panandr .span_1_of_2 { width: 100%; margin:0; padding:0.1em 0 0.0em 0;     }
.dwn_paniph .span_1_of_2 { width: 100%; margin:0; padding:0.1em 0 0.0em 0;     }
.dwn_panpck .span_1_of_2 { width: 100%; margin:0; padding:0.1em 0 0.0em 0;     }
.dwn_panmck .span_1_of_2 { width: 100%; margin:0; padding:0.1em 0 0.0em 0;     }







}

@media screen and (max-width: 370px)
{
		a#home_intro h1 {  font-size:0.9em; line-height:1.3; padding-bottom:0.8em;  }

	.h_services img {   }
	.h_services h5 { font-size:1em; margin-top:0.2em; }

.inner{display: block;	height:0;	padding-top:68.8%; }

	a#home_intro{background-size:100%}

}

/* e.g. Smaller smartphones */
@media screen and (max-width: 320px)
{
	
a#home_intro h1 {  font-size:0.8em; line-height:1.1; padding-bottom:0.8em;  }
.inner{display: block;	height:0;	padding-top:68.1%; }

a#home_intro{background-size:100%}
	


.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }
.db_sec .db_img{ float:left; position:relative; bottom:-10px; width:100%; padding-left:0em; margin:0px; background-image:url(../images/callxp-mob.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;  vertical-align: middle;    }
.db_inner{ display:block; height:0px; padding-top:90% }

 .db_sec .span_1_of_2 { width: 100%; margin:0; padding:0.8em 0 0.0em 0;   }
.db_cont{ float:left; width:100%; padding-top:30px}
.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; line-height:1.0em; text-align:center; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.2em; padding-top:10px; padding-bottom:10px; text-align:center;  font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; text-align:center; color:#333; line-height:1.5em;}
	
.du_sec{ float:left;  width:100%; height:100%; padding:1.2em 0; clear:right; background-image: url(../images/un-bg.jpg) ; background-size:100%;   }
.du_inner{ display:block; height:0px; padding-top:44.5; }
 	
.du_sec .span_1_of_2 { width: 100%; margin:0; padding:0.8em 0 0.0em 0;   }
.du_sec{ float:left; width:100%; padding-top:10px}
.du_sec h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; text-align:center; line-height:1.0em; font-weight:bold; color:#992800}
.du_sec h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; text-align:center; line-height:1.2em; padding-top:10px; padding-bottom:10px; line-height:1.2em;  font-weight:bold; color:#a64701}
.du_sec h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em;  font-weight:normal; line-height:1.6em; text-align:center; color:#333; }	
	
	
.dch_sec .span_1_of_2 { width: 100%; margin:0; padding:0.8em 0 0.0em 0;   }
.dch_sec{ float:left; width:100%; padding-top:10px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; text-align:center; line-height:1.0em; font-weight:bold; color:#992800}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; text-align:center; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#a64701}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; text-align:center; color:#333; line-height:1.6em;}	
		

.du_cont{ float:left; width:90%; padding-top:30px}
.du_cont2{ float:left; width:80%; padding-top:7px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.4em; line-height:1.0em; font-weight:bold; color:#992800}
.du_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#a64701}
.du_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.6em;}

 
.dunl_sec .dunl_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/dnl-grl3.png);  height:100%;    background-repeat:no-repeat; background-size:50%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dunl_inner{ display:block; height:0px; padding-top:85% }

.dunl_sec .span_1_of_2 { width: 100%; margin:0; padding:0.8em 0 0.0em 0;   }

.dunl_icall{ float:left; width:100%; padding-top:30px}
.dunl_icall2{ float:left; width:100%; padding-top:7px}
.dunl_icall h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.2em; text-align:center; font-weight:bold; color:#da3800}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; text-align:center; font-weight:bold; color:#0288af}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal;text-align:center; color:#333; line-height:1.5em;}


.dch_sec .dch_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/chtexp4.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dch_inner{ display: block;	height: 0;	padding-top:83.5; }
.dch_cont{ float:left; width:100%; padding-top:0px}
.dch_cont2{ float:left; width:80%; padding-top:7px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.0em; line-height:1.0em; font-weight:bold; color:#427001}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#538d01}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:normal; color:#333; line-height:1.5em;}


.dv_sec .dv_img{ float:left; width:100%; padding-left:0em; margin:0px; background: url(../images/dvimg4.png) ; height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.dv_inner{display: block;	height: 0;	padding-top:54.8%;}
.dv_cont{ float:left; width:100%; padding-top:20px}
.dv_cont2{ float:left; width:80%; padding-top:7px}
.dv_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:1.0em; text-align:center; font-weight:bold; color:#fff}
.dv_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  text-align:center;font-weight:bold; color:#333}
.dv_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; text-align:center;color:#fff; line-height:1.6em;}

.dwn_btnoutr{ float:left; width:80%; padding-left:10%; padding-top:10px; background-size:100%;}
.dwn_btn{ padding:0.30em 0.43em 0.30em 0.43em; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#FFF; background-size:100%;   float: right }	
 .dwn_dwnhd{ float:left; width:100%; padding-top:0px;}

.dwn_panandr .span_1_of_2 { width: 100%; margin:0; padding:0.2em 0 0.0em 0;     }
.dwn_paniph .span_1_of_2 { width: 100%; margin:0; padding:0.2em 0 0.0em 0;     }
.dwn_panpck .span_1_of_2 { width: 100%; margin:0; padding:0.2em 0 0.0em 0;     }
.dwn_panmck .span_1_of_2 { width: 100%; margin:0; padding:0.2em 0 0.0em 0;     }


.hiw_bdoutr .span_1_of_2 { width: 100%; margin:0; padding:0.2em 0 0.0em 0;     }

.AccordionFocused .AccordionPanelTab {	background:url(../images/pribg.jpg); height:55px; }
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {	background:url(../images/pribg.jpg); height:55px; }
.AccordionPanelTab {padding: 2px;	cursor: pointer;	-moz-user-select: none;	-khtml-user-select: none;	 height:55px;	 width:100%;	margin-bottom:5px;
	
}




.glb_panw .span_1n_of_2n{  width:100%; display:block; text-align:left; padding:0px;margin:0px;} 
.glb_psec .span_1n_of_2n{  width:100%; display:block; text-align:left; padding:0px;margin:0px;} 

.glb_Plft{   clear:right; }
.int_foo_p img {padding-left:5px; padding-right:5px; width:25%}

}

@media screen and (min-width: 319px)
{
 .dunl_cont{ float:left; width:100%; padding-top:20px}
.dunl_cont2{ float:left; width:100%; padding-top:7px}
.dunl_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.3em; text-align:center; font-weight:bold; color:#da3800}
.dunl_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.2em; padding-top:10px; padding-bottom:10px; text-align:center; font-weight:bold; color:#0288af}
.dunl_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal;text-align:center; color:#333; line-height:1.5em;}





@media screen and (max-width: 240px)
{
	
	a#home_intro h1 {  font-size:0.6em; line-height:1.1; padding-bottom:0.8em;  }
 
 .inner{display: block;	height:0;	padding-top:65.8%; }

	a#home_intro{background-size:100%}
  
  
  
.glb_cmap{ float:left; width:30px; }
.glb_Plft{ float:left; width:45%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333}
.gl_prgt{ float:left; width:50%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333}

.glb_panw .span_1n_of_2n{  width:100%; display:block; text-align:left; padding:0px; margin:0px;} 
.glb_psec .span_1n_of_2n{  width:100%; display:block; text-align:left; padding:0px; margin:0px;} 

.glb_Plft{   clear:right; }  
 
a#logo_intro{ float:left;  display:block; width:240px; height:74px; background:url(../images/logo_whizxpress-24.png) no-repeat; margin:2px 0 0px 0; text-indent:-9999em; background-size:100% }
  
}

/* Force Nav and TopNav to show past 931px; */
@media only screen and (min-width: 931px) {
a#home_intro h1 {  font-size:2.1em; line-height:1.3; padding-bottom:0.8em;  }
	#show_menu { display:block !important; }
	
a#logo{ background-size:100%; height:95px}

#nav			{ float:right;  clear:right; margin:1.8em 0 -0.4em 0; padding:0; width:auto }
#nav li 		{ list-style-type: none; float:left; display:block;  }
#nav li a 		{ display:block; font-size:1.0em; color:#000; padding:6px 8px;  font-weight:700; text-decoration:none;  }
#nav li a:hover { text-decoration:none; border-bottom:4px #2fb9e7 solid; color:#2fb9e7;   }	


.dunl_sec .dunl_img{ float:left; position:relative; bottom:-16px; width:100%; padding-left:0em; margin:0px; background: url(../images/dnl-grl.png);  height:100%;    background-repeat:no-repeat; background-size:63%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
	
.dunl_inner{ display:block; height:0px; padding-top:110% }
.dunl_icall{float:left; width:100%; padding-top:80px}
.dunl_icall h2{font-family:Arial, Helvetica, sans-serif; font-size:2.2em; line-height:1.1em; font-weight:bold; color:#ba3000}
.dunl_icall h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-bottom:15px; padding-top:15px;  font-weight:bold; color:#c13d01}
.dunl_icall h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#333; line-height:1.6em;}


.db_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image:url(../images/blu-bg.jpg);    }
.db_sec .db_img{ float:left; position:relative; bottom:-7px; width:100%; padding-left:0em; margin:0px; background-image:url(../images/callxp-mob.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ;  vertical-align: middle;    }
.db_inner{ display:block; height:0px; padding-top:85% }
.db_cont{ float:left; width:100%; padding-top:80px}
.db_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.6em; line-height:0.8em; font-weight:bold; color:#0142ac}
.db_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#c13d01}
.db_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#333; line-height:1.6em;}



.du_sec{ float:left;  width:100%; height:100%; padding:0px ;  clear:right; margin:1px 0px; background-image: url(../images/unimg.jpg)    }
.du_sec .du_img{ float:left; position:relative; bottom:0px; width:100%; padding-left:0em; margin:0px; background-image: url(../images/un-numb.png);  height:100%;    background-repeat:no-repeat; background-size:100%;  text-align:center; display:inline-block ; background-position: 50% 50%; vertical-align: middle;    }
.du_inner{ display:block; height:0px; padding-top:80% }
.du_cont{ float:left; width:100%; padding-top:70px}
.du_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.6em; line-height:0.8em; font-weight:bold; color:#992800}
.du_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding-top:10px; padding-bottom:10px;  font-weight:bold; color:#a64701}
.du_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#333; line-height:1.6em;}


.dch_cont{ float:left; width:90%; padding-top:70px}
.dch_cont2{ float:left; width:80%; padding-top:7px}
.dch_cont h2{ font-family:Arial, Helvetica, sans-serif; font-size:2.6em; line-height:1.0em; font-weight:bold; color:#427001}
.dch_cont h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.2em; padding-top:15px; padding-bottom:15px;  font-weight:bold; color:#538d01}
.dch_cont h6{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#333; line-height:1.6em;}

.dwn_btnoutr{ float:left; width:50%; padding-left:10%; padding-top:20px; background-size:100%;}
.dwn_btn{ padding:0.50em 0.93em 0.93em 0.93em; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#FFF; background-size:100%;  float:right}
.dwn_dvico_rt{
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  
 
.dwn_dvico_rt:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}  

#dwb_mobban  		{ float:left; color:#fff; width:100%; padding:1.2em 0 0 0; margin:0px; background: url(../images/banner-download.jpg); background-repeat: no-repeat; width:100%; height:100%; background-size:100%; display:inline-block ;  background-position: 50% 50%; vertical-align: middle;     }
.dwb_inner{display: block;	height:0px;	padding-top:38%;}




}



*display: inline;