@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext);
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0; padding:0}
:focus{outline:0}

html {}

.phn {position:relative}

a.btn-phn {display:block;width:150px;position:absolute;
line-height:50px;background:#fff;
height:52px;  color:#02214F !important;
line-height:52px !important;text-transform:uppercase;
border-radius:5px;-webkit-border-radius:5px;
 width:120%;top:0;left:-42px;text-align:left;
 background:#fff url(images/phoneicon.png) no-repeat 5px center;
 padding-left:45px;
}


.phoneunhide {position:relative; padding:4px }
.phoneunhide:after {display:block;background:#fff;border-radius:5px;-webkit-border-radius:5px;content:" show phone";
position:absolute;top:0;left:0;width:150px;height:100%;
  background:#fff url(images/phoneicon.png) no-repeat 5px center;

  color:#02214F ; padding-left:42px;
    
  cursor:pointer;
  border:2px solid #fff;
}

.phoneunhide.email:after {width:215px;content:"show email";background-image:url(images/email-icon.png)}

p.phoneunhide:after {line-height:42px}
span.phoneunhide:after {  background-size:contain;} 

 .phoneunhide.clicked:after {width:0px;padding-left:0px;border:0px;content:""}
 
 
 /* sliding form */
 
 
     input[name=hpt] {opacity:0;margin-right:-500px}


 .panel.ask h2 {font-family:"Roboto Condensed";line-height:50px;
 background:#66CBFF;color:#fff;font-size:30px;border-radius:4px 4px 0px 0px ;-webkit-border-radius:4px  4px 0px 0px;
                            padding:0px 15px;
                             
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
position:absolute;left:-138px;top:103px;
                           cursor:pointer;
                            }

        #contacthld {position:fixed;top:120px;right:-335px;width:335px;-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
z-index:9999999;}
          #contacthld:hover {right:0px;}

 #contacthld:hover .panel   {-webkit-box-shadow: 0 0 20px -5px rgba(9,9,9,.5);
box-shadow: 0 0 20px -5px rgba(9,9,9,.5);}



 .panel.ask h2 i {float:right;line-height:50px;font-weight:bold}                             
 .panel.ask form {padding:20px;display:block} 
    .panel.ask label {display:block;width:100%;font-size:16px;color:#555;padding:5px 10px 0px 10px}
    
    .panel.ask input,
    button.sbm,
    .panel.ask textarea {width:100%;border:1px solid #ccc;border-radius:4px;-webkit-border-radius:4px;
                            box-sizing:border-box;padding:7px 10px;
                            }
      .panel.ask input[type=submit],
      button.sbm {background:#1963A2;font-size:20px;color:#fff}                       
 
 
 
/* slidign */
 
 #cform {background:#fff}

#mnuee65 {display:none !important}

.clr {clear:both;height:1px;line-height:1px}
      /* hotspots */

                       .hotspot {position:absolute}
                       .hotspot .tooltip {position:absolute;
                                         background:rgba(1, 63, 124,.8);
                                         width:250px;
                                         height:70px;   
                                         border-radius:10px;
                                         -webkit-border-radius:10px;
                                         padding:10px;  
                                         margin-left:-115px;
                                         margin-top:-110px;  
                                         display:none   ;
										 z-index:9999;                          
                                        }
										
                      
                      
                        body.mceContentBody .hotspot  {margin:0 !important;display:block !important;position:relative !important}
                        body.mceContentBody .hotspot .tooltip {margin:0 !important;display:block !important;position:relative !important}
                        body.mceContentBody .hotspot  .circle {margin:0 0 0 115px !important;display:block !important;position:relative !important}
                        
                        
                        .hotspot:hover .tooltip {display:block !important}
						.hotspot .circle a{ text-decoration:none; }
                      
                       .hotspot .tooltip img {float:left;margin-right:10px;}
                       .hotspot .tooltip {line-height:28px;color:#fff;font-size:26px}
                                            
                                        
                        .hotspot .tooltip:after { top: 100%;
                                                	left: 50%;
                                                	border: solid transparent;
                                                	content: " ";
                                                	height: 0;
                                                	width: 0;
                                                	position: absolute;
                                                	pointer-events: none;
                                                	border-color: rgba(1, 63, 124,0);
                                                	border-top-color: rgba(1, 63, 124,.8);
                                                	border-width: 20px;
                                                	margin-left: -20px;
                                                  }
                                                  
                       .hotspot .circle {width:35px;height:35px;font-family:"courier new";
                                          text-align:center;line-height:35px;border-radius:24px;-webkit-border-radius:24px;
                                          margin-top:2px;font-size:25px;background:rgba(255,255,255,.0);font-weight:bold;
                                          opacity:1;    position:absolute;
                                          z-index:22;
                                          border:3px solid #ccc;
                                          webkit-animation: pulse 1s linear infinite;
                                	        animation: pulse 1s linear infinite;
                                          -webkit-animation-duration: 1s;
                                          animation-duration: 1s;
                                          -webkit-animation-fill-mode: both;
                                            animation-fill-mode: both;
                                      
                                          }
                 
     /*
 * Pulse animation
*/
 
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}    

.margins {max-width:1092px;width:95%;margin:0 auto}
#logo {float:left; margin-top: 30px;}
#logo img {
	padding-top:0px;
	margin-left:0px;
	line-height:60px
}
#top {height:131px;overflow:hidden ;
position:relative;
	margin-bottom:0px;
	background-color:#022251;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#022251, endColorstr=#013e7d);
	background-image:-moz-linear-gradient(left, #022251 8%, #013e7d 26%,#02214f 79%);
	background-image:linear-gradient(left, #022251 8%, #013e7d 26%,#02214f 79%);
	background-image:-webkit-linear-gradient(left, #022251 8%, #013e7d 26%,#02214f 79%);
	background-image:-o-linear-gradient(left, #022251 8%, #013e7d 26%,#02214f 79%);
	background-image:-ms-linear-gradient(left, #022251 8%, #013e7d 26%,#02214f 79%);
	background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(8%,#022251), color-stop(26%,#013e7d),color-stop(79%,#02214f));
	padding: 0 60px 0 60px;
	border-bottom: solid #fb9c30 4px



}
.partnerlogo{
	float: left;
	border: solid #c3c9d7 1px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-width: 1px;
}

a.searchres {display:block;text-decoration:none}

a.searchres span {display:block}
a.searchres span.lg1 {
	color: #02214f;
	font-weight: bold;
	font-size: 1.3em;
}
a.searchres span.lg2 {
	color:#f89728;
	font-size: 1em;
	line-height:1.1em;
}
a.searchres span.lg3 {
	
	color:#02214f;
	font-size: 1em;
	line-height:1.1em;
}


a.prod {
	display:block;
	font-size:14px;
	line-height:17px;
	text-decoration:none;
	color:#012150 !important;
	box-sizing:border-box;
	display:block;
	float:left;
	padding:20px 0px;
	border-bottom: 1px solid #d3d2d8;
	min-height:120px;
	width:48%;

}
a.prod:nth-child(odd) {float:right}
a.prod strong {
	font-size:16px;
	line-height:10px;
	display:block;
	margin-bottom:5px
}



a.prod img.t {float:right;max-width:145px;margin-left:10px;}
a.prod img.i {
	float:left;
	margin:0px 10px 30px;
}

#accrd a.prod img.i {
	float:left;
	margin-bottom:0px;
	vertical-align:top
}
#accrd a.prod {
	vertical-align:middle;
	border:0;
	min-height:65px;
	margin-bottom:25px;
	padding:0px;
	font-size:24px;
	font-weight:500;
	line-height:17px
}
#accrd a.prod strong {

vertical-align:middle;
	font-size:22px;
	line-height:22px;
	display:inline;
	
}

#architectlogin { float:right; margin-top:10px; width:200px;  height:20px}
#architectlogin a{ color:#FFFFFF;font-size:14px; text-decoration:none}


#top .phone {
	font-family:"roboto";
	font-size:18px;
	margin-bottom:20px;
	font-weight:400;
	line-height:20px;
	font-size:28px;
	color:#FFFFFF;
	float:right;
	margin-top:50px;
	margin-right: -200px;
	letter-spacing: -1px;
	
}

#fphone0,#fphone1,#fphone2,#fphone3 { z-index:99999;position:relative}

#top .phone a {	font-family:"roboto";
	font-size:18px;
	margin-bottom:20px;
	font-weight:400;
	line-height:20px;
	font-size:28px;
	color:#FFFFFF;
  text-decoration:none
  
  }

#top .phone img  {
	vertical-align:middle; 

}

body {color:#666666;font-family:"roboto",arial}
 
.rlinks {
	float:right;
	padding-top:8px;
	width: 200px;	
}
.rlinks a {color:#999999}
.rlinks h2 {
	color:#c61188;
	font-size:24px;
	font-weight:100;
	letter-spacing: -2px;
}
.rlinks a.likeb {
	display:inline-block;
	padding-right:10px;
	line-height:35px;
	height:35px;
	font-size:16px;
	color:#999999;
	font-family:roboto;
	background:#69ba22 url(images/bgr_quote.png) repeat-x;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.rlinks a.likeb span {
	display:inline-block;
	line-height:30px;
	height:35px;
	padding:0 20px 0 15px;
	background:url(images/arr_d.png) no-repeat right center
}

.rlinks input[type=submit] {
	height:40px;
	width:40px;
	border:0px;
	background:#fb9c30 url(images/ico_search.png) no-repeat center center;
	padding:5px 5px 5px 20px;
	text-indent:-100px;
	float:right;
	-webkit-border-radius: 4px;
	border-radius:4px;
}
.rlinks input[type=text]  {
	height:28px;
	padding:5px;
	border:1px solid #ccc;
	width:140px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:19px;
	font-family:roboto;
	
}
#top {text-align:center }
  
  #slidecontact {width:245px;display:none;position:absolute;top:65px;z-index:99999;margin-left:835px}
 
 
.newsletterholder  {
	width:100%;
	margin:0 auto;
	position:relative;
	background-color: #003F7D;
	font-family:"roboto";
}
form.newsletter {display:inline; margin-top:5px; font-family:"roboto";}
form.newsletter input[type=submit]  {
	height:40px;
	width:40px;
	border:0px;
	background:#fb9c30 url(images/newsletterarrow.png) no-repeat center center;
	padding:5px 5px 5px 20px;
	text-indent:-100px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}
form.newsletter input[type=text]  {
	height:28px;
	padding:5px;
	border:1px solid #fff;
	width:180px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:19px;
	font-family:roboto;
	margin-right:5px;
	float: left;
	margin-top: 1px;	
}      
#newsletterbox  {
	font-family: Arial;
	color: #ffffff;
	font-size: 24px;
	font-weight: 400;
	line-height: 55px;
	text-align: left;
	background-color: #003f7d;
	max-width:1092px;
	width:100%;
	margin:0px auto;
 }
 #newsletterbox form {float:right ;}
#newsletterbox span{
	font-family:"roboto";
	padding-top: -20px;
}
#newsletterbox span img{
	margin-top: 0px;
	margin-bottom: -10px;
	margin-left: 5px;
}
.socialicon{
	margin-top: 5px;
	position: absolute;
}

/*
 * marketing  slider
 */

#sliderhd {
	height: 374px;
	margin-top:0px;
	margin-bottom:25px;
	position:absolute;
	width:100%;
	background-color: #e5e6e5;
}
 

#marketarea2 {
	width:100%;
  max-width:1350px;
 
	margin-bottom:0px;

    border:3px solid #fff;
      border-bottom:0px;
    margin:0 auto;
 
}
#marketarea2:after {display:block;width:100%;content:" ";background:url(images/h_dw.png) no-repeat center center;
                      height:44px;position:absolute;
                       
                      left:0px;
                      margin-top:-43px;
                      z-index:9}


 

 
    #marketarea2 .mta {height:autp}
     #marketarea2 .marketstext {
	width:100%;
	position:absolute ;
	background-repeat:no-repeat;
 color: #FFFFFF;
  text-align:center;
  bottom:100px; 
}
.marketstext h1{
	font-family:"roboto condensed";
	font-size:97px;
	margin-bottom:0px;
  margin-left:0px;
	font-weight:bold;
	letter-spacing:-4px;
	line-height:40px;
	color: #FFFFFF;
  text-shadow: 0 0 11px  rgba(0,0,0,.5);
}
.marketstext h2{
	font-family:"roboto condensed";
	font-size:62px;
	margin-bottom:10px;
	font-weight:400 ;
    text-shadow: 0 0 11px  rgba(0,0,0,.5);
}

#accrd {margin-top:25px;}



.marketstext p{font-family:"roboto"; font-size:22px; line-height:24px}
.marketstext .rmore {font-family:"roboto";font-weight:normal;font-size:18px;
 line-height:40px;background:#df5850;
  padding:0px 15px;text-decoration:none;color:#fff;display:block;float:left;margin-top:10px}
#marketarea2 .bx-wrapper .bx-controls-direction a.bx-next {top:50%;right:35px;margin-top:-40px;height:80px;width:80px;background:url(images/market_arr_r.png) no-repeat;}
#marketarea2 .bx-wrapper .bx-controls-direction a.bx-prev {top:50%;left:35px;margin-top:-40px;height:80px;width:80px;background:url(images/market_arr_l.png) no-repeat;}

#tinymcesl {background:#636363;}
#tinmcesl, #marketarea2 .padding {color:#ffffff;position:absolute;
  top:75px;left:55px;  font-family: 'walkway_semiboldregular';font-size:44px;line-height:38px; }


  .bx-wrapper .bx-pager.bx-default-pager {bottom:45px;z-index:12311}
.bx-wrapper .bx-pager.bx-default-pager a {border-radius:0;-webkit-border-radius:0;
background:#2b2b2b;width:15px;height:15px;padding:0;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff}


              
             

/* homepanels */
#homepanels {
	 
	padding-top:15px;
  text-align:center
}
#homepanels h1 {
	font-size:3em;
	color:#ffffff;
	font-family:roboto;
	margin-left: 30px;
	margin-top: 30px;
	text-decoration: none;
}

#homepanels h2 {
	font-size:3em;
	font-weight:normal;
	color:#031E49
}
#homepanels p {
	font-size:1.5em;
	line-height:1.2em;
	color:#031E49;
	font-weight: 200;
} 
#homepanel1 {
	width: 542px;
	margin-right:7px;
	background-image: url(images/homepanel1.jpg);
	background-repeat:no-repeat;
	height: 250px;
	float:left;
	
}
#homepanel1:hover{
	color: #fb981d;
	background-image: url(images/homepanel1on.jpg);
	
}
#homepanel2 {
	width: 542px;
	float:left;
	background-image: url(images/homepanel2.jpg);
	background-repeat:no-repeat;
	height: 250px;
}
#homepanel2:hover{
	color: #fb981d;
	background-image: url(images/homepanel2on.jpg);
	
	
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 29, 2013 */


/* main menu */

#menu {
	height:55px;
	width: 100%;
	background-color: #FFFFFF;
}

#menu ul {list-style:none;margin:0;padding:0; }

#menu ul.sf-menu li ul li.opn ul {position:absolute !important;
                      margin-top:-60px !important;
                      left:-362px !important;
                      background:#fff !important;
                      padding:10px !important;
                      border:1px solid #ccc !important;
                      -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.4) !important;
box-shadow: 0 0 15px -5px rgba(0,0,0,.4) !important;
                      }

#menu ul li {
	float:left;
	margin-right:10px
}

#menu ul li ul li ul {display:none}

#menu ul li a {
	font-weight:400;
	display:block;
	line-height:43px;
	padding:5px 10px;
	font-size:20px;
	color:#003169;
	text-decoration:none;
	font-family:roboto
}

#menu ul li a.home {margin-left:0;background:url(images/ico_home.png) no-repeat center center}

#menu ul li ul {border:10px solid #fff;list-style:none;margin:0;padding:0;
                width:340px;position:absolute;z-index:999999 ;display:none;
                }
                
#menu ul li {border:1px solid #fff; }                
                
#menu ul li:hover  {border:1px solid #ccc;-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.4);
                      box-shadow: 0 0 15px -5px rgba(0,0,0,.4);}                
#menu ul li:hover ul {margin-left:-1px;height:auto;float:none;display:block;
border:1px solid #ccc;padding:10px 10px 2px 10px;background:#fff;
-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.4);
box-shadow: 0 0 15px -5px rgba(0,0,0,.4);
}
#menu ul li:hover ul li ul {height:auto;float:none;position:static;display:block;display:none;border:0px;padding:0px;

        border:0px !important;
                      box-shadow:none !important;
                      margin-left:0px !important;
        }
        
        
        
#menu ul li:hover {margin-top:5px;  }
#menu ul li:hover a {position:relative;padding-top:0px;}
#menu ul li.hassub:hover a:after { 
 content:"  "; position:absolute;background:#fff;
 display:block; z-index:99999999;width:100%;height:20px;
 margin-left:-10px; margin-top:-5px;
}
#menu ul li:hover   li a:after {content:"" !important;display:none !important}
 #menu ul li ul li {background:#013974 url(images/arrow-right.png) no-repeat 315px 11px;
                      line-height:28px;width:100%;margin:0px;border-radius:0px;-webkit-border-radius:0px;
                      float:none;display:block; height:auto; 
                      
                      border:0px !important;
                      box-shadow:none !important;
                      margin-top:0px !important; 
                      }
                      
 #menu ul li ul li.opn {background-image:url(images/arrow-down.png);
                          background-position:310px 15px
                    }                      
                      
 #menu ul li ul li:hover {   }
  #menu ul li ul li  a {color:#fff;padding:0px 15px;border-bottom:8px solid #fff }
 #menu ul li ul li ul li {background:#E2E2E2 url(images/arrow-right.png) no-repeat 310px 11px;} 
  #menu ul li ul li ul li a  {color:#013974}
  

#tinymcesl {background:#636363;}
#tinmcesl, #marketarea2 .padding {width:470px; color:#fff;font-family:roboto;font-weight:normal;
font-size:18px; text-align:left;padding:10px ;position:absolute;left:0;top:50px;  }
#tinmcesl, #marketarea2 .padding h2 {padding-left:15px;font-size:55px;font-weight:bold;font-family:roboto;color:#fff;letter-spacing:-1px}
#tinmcesl, #marketarea2 .padding h3 {position: relative;font-size:22px;font-weight:normal;font-family:roboto; color:#fff;
padding:5px 0px 10px 15px;background:#99cc00;line-height:22px;margin-right:30px;}

 
#tinmcesl, #marketarea2 .padding h3:after { left: 100%; top: 50%; border: solid transparent; 
content: " "; height: 0; width: 0; position: absolute; pointer-events: none; 
border-color: rgba(153, 204, 1, 0); border-left-color: #99CC01; border-width: 18px; margin-top: -18px; }


#tinmcesl, #marketarea2 .padding ul {margin:0;padding:15px;list-style:none}
#tinmcesl, #marketarea2 .padding ul li {padding-left:40px;background:url(images/bullet_arr.png) no-repeat left center }

#tinmcesl, #marketarea2 .padding h4 {font-size:18px;font-weight:normal;font-family:roboto;font-weight:300;color:#cfda62}
#marketarea2 .padding  .rmore {font-family:roboto;font-weight:300;font-size:18px;
 line-height:35px;background:#00a3ec;color:#fff;-webkit-border-radius:2px; border-radius:2px; 
  padding:0px 10px;text-decoration:none;display:inline-block; margin-top:10px; }

#tinmcesl2, #marketarea .bottomtxt {position:absolute;bottom:0px;width:100%}
 #tinmcesl2 {width:1024px;}   
#tinmcesl2 a, #marketarea .bottomtxt a {
	text-decoration:none;
	background:#fff url(images/slide_arr.png) no-repeat right center;
	float:left;
	border:1px solid #cccccc;
	display:block;
	width:22%;
	margin-left:1%;
	line-height:48px;
	padding:0px 10px;
	color:#71c167;
	font-size:24px;
	font-family:roboto
    }
    #tinmcesl2 a.sel, #marketarea .bottomtxt a.sel{background-image:none;color:#c61188} 
 #tinmcesl2 a, #marketarea .bottomtxt a img {float:left;margin-right:10px;}
#marketarea .bottomtxt a:nth-child(1) {margin-left:0}



  .bx-wrapper .bx-pager.bx-default-pager {bottom:15px;z-index:12311}
.bx-wrapper .bx-pager.bx-default-pager a {border-radius:7px;-webkit-border-radius:7px;background:#97bf11;width:14px;height:14px;padding:0;}

.bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff}

  
/*

 *

 * POPUP MENU

 *

 */

   

        

.popuphold {
  	max-width: 1080px;
    width:100%;
    min-height:364px;
	display:none;

	position:absolute;

	top:45px;

	left:0;

	background:#fff;

	-webkit-box-shadow: 7px 7px  8px 0px rgba(111, 111, 111, .8);

	box-shadow:  7px 7px  8px 0px rgba(111, 111, 111, .8);

	z-index:100000;

	border:1px solid #d1d0ce

}

.popuphold h4 {margin-left:30px;font-size:18px;color:#666666;font-family:roboto}
.popuphold  .content .themenu {width:30%;max-width:250px;float:left}
.popuphold  .content .themenu ul {margin:0;padding:0;list-style-type:none;list-style-image:none}
.popuphold  .content .themenu ul li {display:block;margin-left:30px;padding:5px 0px;border-bottom:1px dashed #666 }
.popuphold  .content .themenu ul li a {font-size:14px;text-decoration:none;color:#666666}
 
 .popuphold .content {padding:35px 25px}
   #mnupopmce {margin:15px;width:545px;background:#f3f5f7}
 /*
  .popuphold .content .rhcol {width:545px;padding:30px;float:right;margin-bottom:15px;background:#d5d7d9 url(images/bgr_rhcol.png) repeat-x}

  .popuphold .content .rhcol,  .popuphold .content .rhcol p, #mnupopmce, #mnupopmce p { font-size:12px;color:#666666;line-height:18px}
  .popuphold .content .rhcol img, #mnupopmce img {border:8px solid #fff;float:left;margin-right:30px}
  .popuphold .content .rhcol h2,#mnupopmce h2 {font-size:20px;color:#0099cc;margin-bottom:1px;font-weight:normal}
  .popuphold .content .rhcol h3,#mnupopmce h3 {font-size:14px;color:#303234;margin-bottom:10px}
  .popuphold .content .rhcol ul, #mnupopmce ul {margin:10px 0px;padding:0;list-style:none}
  .popuphold .content .rhcol ul li, #mnupopmce ul  li { font-size:12px;color:#666666;line-height:14px; border:0}
  .popuphold .content .rhcol .rmore {margin-top:10px;float:right}
  .popuphold .content .themenu {width:220px;float:left}
*/
        div.register h1 {font-size:50px !important;padding-left:10px !important;margin-bottom:15px!important}
        div.register h1 span {color:#1d87bb}
     

/* homepage panels */

  #tinymcehp, .homepanels .hrpane {
	min-height:315px;
 
	width:45.1%;
	float:left;
  position:relative;
	padding-top:30px;
  padding-bottom:30px;
}
 
 .submitbb {line-height:36px;font-size:18px;font-weight:bold;text-align:center;display:inline-block;  padding:0px 40px;
 float:right;
 color:#fff;text-decoration:none; border-radius:7px;-webkit-border-radius:7px;
 background: #2b93c8;
}
 
 .hrpane.testimonials {background:url(images/sketch.png) no-repeat right bottom}
 

.cnthld {padding:5px;display:none;background:#f1f6dd;-webkit-border-radius: 15px;
border-radius: 15px;position:absolute;left:0;width:100%;margin-top:100px;margin-left:-10px;z-index:0}
.cnthld  a {height:auto;font-size:22px;line-height:24px;
            text-decoration:none;color:#333333;font-family:roboto;
            font-weight:300; border-bottom:1px solid #bbd259;
            width:31%;margin-right:1%;display:inline-block;
            padding:1% 0.45%;
            }
  
  /* brans/panels */

#bluebottom {
	background:#02214f;
	font-family:"roboto";
	font-weight:normal;
	width:100%;
	clear: both;
	padding: 50px 60px;
}
#bluebottom .rmore.testimonials {right:32px;bottom:17px;position:absolute}
 #bluebottom h3 {font-family:"roboto";
	font-weight:100; font-size:24px}
#blueleft {
	color: #FFFFFF;
	width: 490px;
	padding-top: 20px;
}
#blueleft span a{
	float: right;
	text-decoration: underline;
	font-size: 14px;
	color: #FFFFFF;}
	#blueleft a{
	text-decoration: underline;
	color: #fb9c30;}
#contactarea{
	color:#FFFFFF;
	width: 490px;
	float: right;
	margin-left: 90px;
	padding-top: 20px;
}
#contactarea img{
	float: right;

}
#newsslider {height:215px;width:100%;margin:18px  0 25px 0; padding-bottom:20px}
#newsslider2 {height:215px;width:100%}
#newsslider .thel {float:left;height:215px;Width:205px;padding-right:5px;margin-right:5px;}
#newsslider .bx-prev {background:url(images/arr_g_l.png) no-repeat;left:-40px;top:60px;margin-top:0}
#newsslider .bx-next {background:url(images/arr_g_r.png) no-repeat;right:-40px;top:60px;margin-top:0}

#wrkslider {height:240px;width:100%;margin:40px  0 25px 0;border-bottom:1px solid #ccc;padding-bottom:20px}

 #bluebottom {
	width:100%;
	margin:40px  0 25px 0;
	padding-top: 30px;
}
#bluebottom .rmore.testimonials {right:32px;bottom:17px;position:absolute}
 #bluebottom h3 {font-family:"roboto";
	font-weight:100; font-size:24px}
	#blueleft {
	color: #FFFFFF;
	width: 490px;
	float: left;
}
#blueleft h3 {font-family:"roboto";
	font-weight:100; font-size:24px}
#blueleft span a{
	float: right;
	text-decoration: underline;
	font-size: 14px;
	color: #FFFFFF;
}
#contactarea{
	color:#FFFFFF;
	width: 490px;
	float: left;
}
#contactarea h3 {font-family:"roboto";
	font-weight:100; font-size:24px}
#contactarea img{
	float: right;

}
  
  /* partners */
 
     #brandsscroll .bx-wrapper .bx-controls-direction a.bx-next,
     #homepscroll .bx-wrapper .bx-controls-direction a.bx-next {margin-right:-80px;margin-top:10px;height:70px;width:75px;
     background:url(images/arr_r.png) no-repeat;}
    
    #brandsscroll .bx-wrapper .bx-controls-direction a.bx-prev,
    #homepscroll .bx-wrapper .bx-controls-direction a.bx-prev {margin-left:-35px;margin-top:10px;height:70px;width:75px;
  background:url(images/arr_l.png) no-repeat;}
 
  #brandsscroll {height:140px}
  #brandsscroll2 .thel {width:125px;height:125px;float:left}
  #brandsscroll2 .thel a {width:125px;height:125px;display:block}

h2.midline {width:100%;height:.7em;border-bottom:1px solid #2b93c8;text-align:center;font-size:30px;color:#83d0ef;font-weight:100;
font-family:roboto;}
h2.midline span {font-weight:200;color:#2b93c8;background:#fff;margin-top:-15px;display:inline-block;margin:0 auto;padding:0px 20px}

h2.midlinebrown {width:100%;height:.7em;border-bottom:1px solid #02214f;text-align:center;font-size:30px;color:#83d0ef;font-weight:100;
font-family:roboto;}
h2.midlinebrown span {font-weight:200;color:#02214f;background:#ede8e2;margin-top:-15px;display:inline-block;margin:0 auto;padding:0px 20px}

.bottom {
	
	background:#02214f
}
.accreditations { background-color:#FFFFFF}
  .accreditations h2.midline {border-color:#02214f;color:#02214f}
   .accreditations h2.midline span {background-color:#ffffff;color:#02214f} 
   .accreditations img{
	border: solid #dddddd 1px;
	margin-right: 15px;
	margin-top: 30px;
	margin-left: 10px;
}
   
.greengr {margin-top:30px;padding-top:30px;padding-bottom:30px;background:#9eab18 url(images/new/greengr.png) repeat-x;text-align:center}
.greengr h2 {font-size:72px;font-weight:200;letter-spacing:-1px;color:#fff}
.greengr h3 {font-size:30px;font-weight:300;color:#e92e31}
.greengr a {font-family:roboto;font-weight:300;font-size:36px; font-weight:400;
 line-height:65px;background:#fff;color:#afca3b;border:2px solid #afca3b;
  padding:0px 50px;text-decoration:none;display:inline-block; margin-top:10px;-webkit-border-radius: 15px;border-radius: 15px;}

  #footer {
	clear: both;
	font-size: 14px;
	background-color: #02214f;
	margin: 0 auto;
	color: #f8f8f8;
	padding: 10px 0 10px 0;
}
  #footer   a {
	color:#FB9C30;
	text-decoration:underline;
	line-height:35px;
	margin-left: 30px;
}
  #footer a:hover {text-decoration:none}
    .foottxt {
	border-top:solid #4b6182 1px;
	clear: both;
	font-size: 14px;
	background-color: #02214f;
	margin: 0 auto;
	padding-top: 10px;
	color: #f8f8f8;
}
   .footicos {float:right}
 /* page */
 
  #headerarea {border-bottom:2px solid #e4e4e4;padding-bottom:15px;margin-bottom:40px }
 
   .separator {height:2px;width:100%;background:#e4e4e4;margin-bottom:67px}

 .homeline {width: 100%;border-bottom: solid #c3c9d7 1px;}
 #breadcrumb{margin-top:10px; margin-bottom:20px}
 #breadcrumb a{ color:#FF6600}
 
 /*
 *
 * internal
 *
 */
 
 h1 {
	font-size:24px;
	color:#022251;
	font-weight:normal;
	line-height:38px;
	margin-bottom:5px;
	margin-left: 26px;
}
 #intright {
	font-size:14px;
	color:#02214f;
	line-height:24px;
	width: 730px;
	float:left;
	padding-bottom: 20px;
}
#intright.spread {
	font-size:14px;
	color:#02214f;
	line-height:24px;
	width: 100%;
}
 .longimage{
	margin-bottom: 20px;
}
#intright.spread hr{ 
height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-bottom:20px
}
  #intright h2 {
	font-size:28px;
	color:#e98d25;
	font-weight:400;
	font-family:roboto;
	line-height:30px;
	margin-bottom:20px;
	margin-top: 20px;
}
  #intright h1 {
	font-size:3.4em;
	color:#02214f;
	font-weight:200;
	font-family:roboto;
	margin-left:0px;
	margin-bottom:20px;
	letter-spacing: -1px;
	margin-top: 30px;
}
  #intright h3 {
	font-size:22px;
	color:#013772;
	font-weight:normal;
	font-family:roboto;
	line-height:24px;
	margin-bottom:5px
}
  #intright h3  span {color:#96be0f}
   #intright h4 {
	font-size:18px;
	color:#fb9c30;
	font-weight:bold;
	font-family:roboto;
	line-height:18px;
	margin-bottom:20px
}
  #intright p{
	line-height: 24px;
	font-size:16px;
	color:#02214f;
	margin-right: 40px;
	max-width: 780px;
}
#intright div.half{
	line-height: 24px;
	font-size:16px;
	color:#02214f;
	margin-right: 0px;
	max-width: 48%;
	float:left
}
#intright div.half2{
	line-height: 24px;
	font-size:16px;
	color:#02214f;
	margin-left: 30px;
	margin-right: 0px;
	max-width: 48%;
	float:left
}
#intright a {
	color:#FB9C30
}
.viewer{
	font-size: 14px; line-height:18px; 	background-color:#fff;
	border: solid #ccc 1px;
	padding: 15px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-top: 20px;
}
a.rmore {line-height:25px;padding:3px 10px;background:#FB9C30;color:#fff;font-size:14px;
text-decoration:none;display:inline-block; -webkit-border-radius:4px;
	border-radius:4px;}
 #intright ul {
	margin-left: 0px;
	padding-left: 0px;
}
#intright h2.upper {
	color:#cc0099;
	font-size:30px;
	margin-left: 26px;
}
 #intright ul li{
	color: #003366;
	margin-top: 10px;
	font-weight: normal;
	line-height: 1.2em;
	background-image: url(images/arrow1.png);
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 20px;
	font-size: 1.1em;
}
 

 #intright  fieldset {border:0px solid #003169;padding:10px 3px;margin-bottom:20px}
         #intright      fieldset h2 {line-height:25px;font-weight:bold;font-size:22px;color:#2e93cb;border-bottom:1px dotted #2e93cb;padding-bottom:8px;margin-bottom:12px }
       #intright   fieldset .ln {margin-bottom:7px}
         #intright    fieldset .ln label {font-size:17px;color:#003169;width:35%;line-height:32px;display:inline-block}
         #intright     fieldset .ln input, #intright     fieldset .ln select, 
         .frm input, .frm textarea
         {height:28px;
		 width:60%;
	padding:5px;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:19px;
	font-family:roboto;}
       #intright fieldset .ln select {height:28px;
	padding:5px;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:19px;
	font-family:roboto;}
	  

  .frm input, .frm textarea {height:28px;
	padding:5px;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:19px;
	font-family:roboto;}
   .frm input[type=submit] {height:40px;
	width:35px;
	border:0px;
	background:#fb9c30 ;
	padding:5px 5px 5px 50px;
	text-indent:0px;
	float:left;
	-webkit-border-radius: 4px;
	border-radius:4px;}
	
	.submitbb {height:35px;
	width:40px;
	border:0px;
	background:#fb9c30;
	padding:5px 5px 5px 5px;
	text-indent:0px;
	float:left;
	-webkit-border-radius: 4px;
	border-radius:4px;}
	
   
    #intright .faq h3 {font-size:18px;font-weight:bold; padding-top:12px;color:#3499CD}
    #intright .faq,#intright .faq p {font-size:16px;color:#999;line-height:22px}
    #intright hr{ border:0;
 height:1;
 border-top: 1px solid rgba(0,0,0, 0.1);
 border-bottom: 1px solid #2b93c8;
}   

#intleft h2 {
	font-size:28px;
	color:#e98d25;
	font-weight:400;
	font-family:roboto;
	line-height:30px;
	margin-bottom:20px;
	margin-top: 20px;
}
  #intleft h1 {
	font-size:3.4em;
	line-height:.8em;
	color:#02214f;
	font-weight:200;
	font-family:roboto;
	margin-left:0px;
	margin-bottom:20px;
	letter-spacing: -1px;
	margin-top: 30px;
}
  #intleft h3 {
	font-size:22px;
	color:#013772;
	font-weight:normal;
	font-family:roboto;
	line-height:24px;
	margin-bottom:5px
}
  #intleft h3  span {color:#96be0f}
   #intleft h4 {
	font-size:18px;
	color:#fb9c30;
	font-weight:bold;
	font-family:roboto;
	line-height:18px;
	margin-bottom:20px
}
  #intleft p{
	line-height: 24px;
	font-size:16px;
	color:#02214f;
	margin-right: 40px;
	max-width: 780px;
}

#intleft a {
	color:#FB9C30
}


.clientsupport {
background-image:images/support.png; background-repeat:no-repeat; background-position:right;
	background-color:#e4eef9;
	padding: 15px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-top: 20px;
}
.clientsupport .rmore {background:#fb9c30; color:#fff ; border-radius: 4px;  height: 32px;padding:8px; border:solid #fb9c30 1px; width: 60px; font-size:16px; font-weight:normal;}

.clientsupport h2 {
	margin-top:5px; 
}




 
           fieldset .ln   {color:#1d87bb}

 /* casestudy menu */


.faq {
	background:#fff url(images/faq0.png) no-repeat;
	padding:10px 45px 0px 5px;
	margin-bottom:0px;
	background-position:5px 22px;
	border-bottom:solid #c3c9d7 1px
}
.faq.sel {background:#ffffff url(images/faq1.png) no-repeat;background-position:5px 22px;}
 .faq:hover {background-color:#ffffff}

 .faq.downloadlist {background-image:url(images/doc0.png)}
 .faq.sel.downloadlist {background-image:url(images/doc1.png)}


 #intright .faq h3 {font-size:20px;font-weight:200; padding-top:12px;color:#003e7c; padding-left:28px }
    #intright .faq,#intright .faq p {font-size:16px;color:#003e7c;line-height:22px}
    
       .faq h3 span {color:#003e7c !important;}

    .typesld { background:#fff;padding:0px;border:1px solid #C3C9D7;width:280px; position:absolute;display:none;
   top:2px;  
    margin-left:-10px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
box-shadow: 0 0 10px 0 rgba(0,0,0,.4);}

     .typesld strong {display:block;color:#013D7B !important;font-size:20px;line-height:55px;font-weight:bold;
                           padding-left:35px;
    background: url(images/doc1.png) no-repeat 10px 20px; }
    .typesld a { padding-left:35px;background:#fff;display:block;text-decoration:none;color:#013D7B !important;font-size:20px;line-height:55px;font-weight:200}
     .typesld a span {color:#FB9C30}
 /* architects menu */


.documents {
	background:#fff url(images/doc0.png) no-repeat;
	padding:10px 45px 10px 45px;
	margin-bottom:0px;
	background-position:5px 22px;
	border-bottom:solid #c3c9d7 1px
}
.documents.sel {background:#f6f6f6 url(images/doc1.png) no-repeat;background-position:5px 22px;}
 .documents:hover {background-color:#f6f6f6}

 #intright .documents h3 {font-size:20px;font-weight:200; padding-top:12px;color:#003e7c; }
    #intright .documents,#intright .documents p {font-size:16px;color:#003e7c;line-height:22px}
    


 /* right column */


 #rightcolumn input, #rightcolumn textarea {max-width:100%;width:100%;padding:5px;border:1px solid #ccc;box-sizing:border-box}

#rightcolumn {
	font-size:14px;
	color:#02214f;
	line-height:24px;
	width: 330px;
	float: right;
	display: block;
	margin-top: 40px;
 
}
#rightcolumn h3{
	margin-left:0px;
	color: #013772;
	margin-bottom: 5px;
}
.casestudy{
	background-color:#e7e7e6;
	padding: 15px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-top: 20px;
}
.casestudy p strong{}
.casestudy h3{
	font-size: 22px;
	text-align:left;
	margin-left:-28px;
	color: #013772;
}
.casestudy img{
	border: solid #ffffff 4px;
	margin: 5px 0px 10px 0;
}
.casestudy p{
	line-height: 1.1em;
	text-align: left;
}
.casestudy p a { color:#FFFFFF}
p a.rmore2 {line-height:25px;padding:3px 10px;background:#FB9C30;color:#ffffff;font-size:14px;
text-decoration:none;display:inline-block; -webkit-border-radius:4px;
	border-radius:4px;}
.casestudy.cases{
	width: 300px;
	text-align: center;
	display: inline-block;
	height: 340px;
	border:3px solid #e7e7e6;
	margin-bottom: 20px;
	margin-right: 8px;
}

.casestudy.cases:hover {border-color:#FA993B}




a.news {display:block;box-sizing:border-box;padding:25px 15px;border-bottom:1px solid #ccc;text-decoration:none;
      background-image:url(images/newslist-arrow.png);
      background-repeat:no-repeat;
      background-position:right center;
      }
a.news:after {content:" ";display:block;clear:both}
a.news img {max-width:210px;margin-right:30px;float:left}
a.news:hover {background-color:#f8f8f8}

a.news span.tt {color:#003267;font-size:30px;font-weight:200;line-height:30px;padding:10px 0px;display:block;}
a.news span.ds {color:#003267;font-size:20px;font-weight:200} 

.casestudy.cases2{
	width: 300px;
	text-align: center;
	margin-left: 20px;
	float:left
}
.casestudy.cases a{ color:#FFFFFF}



.download:hover {border:2px solid #FA993B}
.download {  border:2px solid #e7e7e6;}
#download,.download{
	background-color:#e7e7e6;
	padding: 15px;
	text-align: center;
	margin-top: 20px;
	-webkit-border-radius:4px;
	border-radius:4px;

}

#download p strong{}
#download h3,.download h3{
	font-size: 1.3em;
	
}
#download img, .download img{
	border: solid #ffffff 4px;
	margin: 10px 0 10px 0;
}
#download p, .download p{
	line-height: 0.7em;
}

#download.docs, .download.docs{
	text-align: center;
	display: block;
	margin-bottom: 10px;
	width: 200px;
	padding: 15px;
	float: left;
	margin-right: 20px;
}
#download.docs h3, .download.docs h3{
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	width: 100%;
	line-height: 0.9em;
}
#download.docs p,.download.docs p{
	line-height:0.7em;
	font-size: 0.7em;
	text-align: left;
	width: 100%;
}
#download.docs a,.download.docs a{ color:#FFFFFF}






















#profile{
	padding: 15px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-bottom: solid #c3c9d7 1px;
	height: 160px;
	width: 100%;
}
#profile p strong{
	color: #ea820b;
}
#profile h3{
	font-size: 1.8em;
	font-weight: 400;
	margin-top: 20px;
}
.profileimage{
	border: solid #ffffff 4px;
	margin: 0px 20px 10px 0;
	float: left;
}
#profile p{
	line-height: 1.2em;
}
.profileicons{
	float: right;
	margin-right: 55%;
	margin-top: 10px;






}




 /* internal end */

     

#mnuswitch {display:none}
#popup {position:absolute;z-index:2;
      left:860px;top:300px;}
      
       
      #iicon {display:none;width:35px;height:35px;font-family:"courier new";
          text-align:center;line-height:35px;border-radius:24px;-webkit-border-radius:24px;
          margin-top:2px;font-size:25px;background:rgba(255,255,255,.0);font-weight:bold;
          opacity:1;    position:absolute;
          top:303px;left:865px; z-index:22
        }     
      #iicon img {display:none;position:absolute;margin-top:-128px;margin-left:-96px}
      #iicon:hover img {display:block;opacity:1} 
      
      #popup div {-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
          
      
          -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
      
 
      }
      #imghld:hover #iicon {display:block; cursor: pointer; cursor: hand;}
      #imghld:hover #popup div span {opacity:1}   
      #imghld:hover #popup div {
              	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
          
      
          -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
          
      }


      
/*
 * Pulse animation
*/
 
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
  }
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
  }
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}	


  .imageright{
	margin: 0px 0px 30px 30px;
	float: right;
}
.imageleft{
	margin: 0px 30px 0px 0px;
	float: left;
} 
 
 
 .contactbox{
	color:#FFFFFF;
	background-color: #0099CC;
	display: block;
	width: 100%;
	height: 100px;
}

#orangecontactbox{
	color: #ffffff;
	background-color: #f7e1ca;
	display: block;
	width: 90%;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	height:auto;
	background-image: url(/images/eicon.png) ; background-repeat:no-repeat; background-position:95% 20%
}

#orangecontactbox p{ padding-bottom:10px}
 

.profileimage{ float:left; border:0; margin-right:20px}
#membfrm {
	margin-left:0px;
	width:500px;
	float:left;
	background-color: #CCCCCC;
}
#membfrm h3 {height:.4em;border-bottom:1px solid #71c266;text-align:left;padding-bottom:.5em;}
#membfrm h3 span {background:#fff;font-size:.6em;padding:10px;display:inline-block;font-weight:100}
#membfrm label {width:100%;font-size:12px;color:#666;width:100%;padding:5px 10px;display:block}
#membfrm input[type=text],#membfrm textarea,#membfrm select {width:100%;border:1px solid #cccccc;border-radius:5px 5px;-webkit-border-radius:5px 5px;
                            font-size:1em;padding:7px;box-sizing:border-box}
#membfrm .error {border-color:#c00 !important; background:#ffcccc !important}



#membfrm div.chkhkd div.chk {width:40px;height:26px;border:1px solid #ccc;
border-radius:5px 5px;-webkit-border-radius:5px 5px;margin-right:10px;float:left}
  #membfrm div.chkhkd div.chk input {border:0;width:40px;height:26px;opacity:0}
    #membfrm div.chkhkd div.chk.checked {background:url(images/tick.png) center center no-repeat}
        #membfrm div.chkhkd {height:40px;clear:both;margin-top:10px;font-size:12px;line-height:12px;}
         #membfrm div.chkhkd.twoline {font-size:12px; line-height:12px; height:40px;margin-top:20px;}
             #membfrm.tomargin {margin-left:0px;margin-top:0px;margin-bottom:0px}
#membfrm a {color:#71c266}
#membfrm img{width:70px; margin-top:200px; float:left}


#membfrm input[type=submit] {font-size:18px;font-weight:normal;width:77%;padding:0px 0px;background:#c71188;border:0;color:#fff;border-radius:5px 5px;-webkit-border-radius:5px 5px; }
      .quote{
	background-color:#edf3fa;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-top: 20px;  
	background-image: url(images/quoteback.png);
	padding: 60px 25px 25px 25px;
	font-style:italic;
	background-repeat: no-repeat;
	font-size:20px; line-height:26px; font-weight:100
}  
.quote strong{
	line-height: 16px; font-size:16px;
}
.loginarea{
	padding:0px 28px 28px 0px;
	width:300px;
	margin-bottom:20px;
	float:left; margin-right:30px
}
.loginarea h2{font-size:22px;color:#013772;
	font-weight:normal;
	font-family:roboto;
	line-height:24px;
	margin-bottom:5px }
.logintext{padding:18px;width:300px; float:left; margin-top:0px }
.logintext h2{font-size:22px;color:#013772;
	font-weight:normal;
	font-family:roboto;
	line-height:24px;
	margin-bottom:5px }
	.logintext p{font-size:14px;color:#013772;
	font-weight:normal;
	font-family:roboto;
	line-height:18px;
	margin-bottom:5px }
 
/* mobile */
            .homeservs {display:none}
            
            @media only screen and (max-width: 1124px) {
            
              #menu ul li a {font-size:18px;padding-left:10px;padding-right:10px}
      #menu ul li {margin-right:5px}   
            }
            
            @media only screen and (max-width: 1024px) {
           
                #accrd {transform:scale(.6); -webkit-transform:scale(.6); 
                          -moz-transform:scale(.6); -o-transform:scale(.6);
                          margin:0 auto;
                          float:none;left:0px;position:relative}


 
      
      #brandsscroll  div.bx-controls-direction,
      #homepscroll  div.bx-controls-direction {display:none !important}
      
}
   
    
@media only screen and (max-width: 970px) {
   a.homel {width:45%;margin-right:2%}
   .cnthld  a {width:45%;margin-right:2%} 
   
     .internalleft {display:none;position:static !important}
   
 a.booknowtb {display:block;position:fixed;right:0;top:195px}

   
    .internalleft,.twointernals {width:98%;margin:0 auto;float:none}
    .menuswitchlink {display:block;position:absolute;right:10px}
    
    #top h2.slo {width:400px;font-size:20px;margin-left:-200px}
    #menu ul li a {font-size:16px;text-align:left;border-bottom:1px solid #ccc;padding-left:20px;}
      
} 

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

 #accrd {margin-left:-200px;}
   
   div.bx-controls-direction {display:none !important}
   a.bx-next {right:0 !important;margin-right:0px}
   a.bx-prev {left:0 !important;margin-left:0px}

  #intright,#hrcl {width:100%;clear:both}
#intright img {max-width:100%;height:auto;}
#hrcl{text-align:center}
#hrcl .rhpane {width:50%;margin:0 auto;text-align:left}
       .w100 {width:100% !important;z-index:9999 !important;position:relative !important}

   .homeservs {display:block;box-sizing:border-box;padding-top:0px}
   .homeservs a {display:block;background:#012d6a;border-radius:2px;-webkit-border-radius:2px;
   margin:3px 0px;padding:10px;font-size:24px;color:#ffffff;text-decoration:none;width:100%;box-sizing:border-box}
   .homeservs a:after {content:"â-¶";float:right;color:#fb9c30;font-size:24px;margin-top:0px;}
   .homeservs a:hover {background:#ddd}     
}

@media only screen and (max-width: 720px) {
        
        div.bottom {display:none}
        div.hotspot {display:none !important}
                #rightcolumn div {display:none !important}
                  #rightcolumn div.clientsupport {display:block !important}
                  
                            #sliderhd .margins {width:100%}
a.submitbb {box-sizing:border-box;width:100% !important}
            #accrd {display:none}
        h2.midline {height:auto;border:0px}
        
  #rightwidget {position:absolute;bottom:0; left:0;margin-bottom:-40px} 
  #intright {position:relative; padding-bottom:50px;}
  
  #rightcolumn {margin-left:auto;margin-right:auto;float:none;margin-top:30px;clear:both;}
  

        
  #thehpneico  {position:absolute;top:70px;right:80px}
  
  
        .nomobile {display:none !important}
  .mceContentBody .nomobile {display:block !important}
  
  #mnuswitch {text-decoration:none;display:block;padding:0px 15px 2px 15px;position:absolute;
         right:0px;top:-4.5em; border-radius: 5px;}
          #mnuswitch span {color: #ffffff;font-size:2.5em}
      #menu {height:2px;margin-bottom:2px}     
          
 #menu ul  {z-index:99999;position:absolute;background:#ffffff;display:none;width:100%;float:none;}
  #menu ul li {height:auto;float:none;width:100%;}
  
 
    #menu ul li:hover {bordeR:0 !important;box-shadow:none !important;margin-top:5px; float:none !important}
    #menu ul li:hover a {position:static}
    #menu ul li  ul {display:none;margin-left:-1px;height:auto;float:none; border:1px solid #ccc;padding:10px 10px 2px 10px;background:#fff;
-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.4);
box-shadow: 0 0 15px -5px rgba(0,0,0,.4);}
    #menu ul li.hassub:hover a:after {content:"";display:none}
#menu ul li ul {position:static; margin:0 auto !important;float:none} 
#menu ul li ul li ul {position:static;} 


#menu ul.sf-menu li ul li.opn ul {position:static !important;
                      margin-top:0px !important;
                      left:0px !important;
                       padding:0px !important;
                      border:0px solid #ccc !important;
                      
                      }


/* 
#menu li:first-child {border-bottom:0px; }
#menu li {width:100%;float:none;text-align:center;border-bottom:1px solid #ccc;margin-right:0 !important; }
#menu li:first-child {border-bottom:0px}
#menu ul li a.dropdwn span {border:0px;display:inline;position:static;top:0}
*/
.popuphold {top:140px}


   a.homel {width:100%;margin-right:0%}
  .cnthld  a {width:100%;margin-right:0%}
      h2.slo {display:none}
      
      a#logo {width:100%;text-align:left;display:block}
         #top .rlinks   {display:none }
  #sliderhd {height:375px;}

#marketarea2 {height:320px;margin-bottom:0px}
#marketarea2 .mta {height:320px;}
#marketarea2 .marketsl {height:375px; font-weight:400 }
#tinmcesl, #marketarea2 .padding {font-size:20px;font-weight:400  }
#tinmcesl, #marketarea2 .padding h2 {font-size:37px;font-weight:400}
#tinmcesl, #marketarea2 .padding h3 {font-size:25px;font-weight:400}
#tinmcesl, #marketarea2 .padding h4 {font-size:15px;font-weight:400}
   


.internalmiddle,.internalright {display:block;float:none;width:100%}

.popuphold  .content .themenu {width:48%}

#intright .videopagepane iframe {width:100%}
 
} 

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

}


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


        
    
         #sliderhd .margins {width:100%}

      
         #marketarea2:after {display:none}

    div.rdrop    {float:none !important;width:90% !important; margin:0 auto !important; }
#intright h2 {font-size:1.8em;color:#e98d25;font-weight:200;font-family:roboto;line-height:1.0em;margin-bottom:10px}
  #intright h1 {
	font-size:3em;
	color:#02214f; 
	font-weight:200;
	font-family:roboto;
	margin-left:0px;
	margin-bottom:10px;
	letter-spacing: -1px;
}
  #intright h3 {
	font-size:16px;
	color:#02214f;
	font-weight:bold;
	font-family:roboto;
	line-height:22px;
	margin-bottom:10px
}
  #intright h3  span {color:#02214f}
  #intright p{
	line-height: 18px;
	font-size:14px;
	color:#02214f;
	margin-right: 20px;
}



a.prod img.t { display:none}
a.prod img.i {
	float:left;
	margin:0px 10px 30px;
}
      #intright div.half{
	line-height: 24px;
	font-size:16px;
	color:#02214f;
	margin-right: 0px;
	max-width: 100%;
	clear:left
}
#intright div.half2{
	line-height: 24px;
	font-size:16px;
	color:#02214f;
	margin-left: 0px;
	margin-right: 0px;
	max-width: 100%;
	float:left;
}

}







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


  #thehpneico {top:40px}


#wrkslider .thel {width:470px !important}
#wrkslider .thel .b2 { margin:0  auto}
#wrkslider .thel .b1  { background: url(images/backernew.jpg); }
 
         .fullmobgam {display:none}
        #homehmargins {margin-top:200px !important}  
.margins {width:95%;margin:0 auto}
.footarts{display:none}

 #logo {float:left;  }
  #logo {padding:0 0px 0 0;width:65%;margin:10px auto; }  
     #logo img {padding:0;max-width:60%;margin:0;max-height:60px} 
     
	 #top {height:100px;background:#022251;overflow:hidden; padding: 0 5px 0 5px; }
	
	 #top .rlinks { display:none}
     #top .rlinks a {display:none}
	 .hrpane img{display:none}
  .rlinks { display:none	
} 
#top .phone a img{ margin-right:10px}  
#architectlogin { float:left; margin-top:10px; width:200px;  height:16px}
#architectlogin a{ color:#FFFFFF;font-size:12px; text-decoration:none}

#sliderhd {     background: url(images/slide_bgr.png) repeat-x; background-position:top right; 
    
      height: 164px;
       margin-top:0px; margin-bottom:0px;position:absolute;width:100%}
	   
	     #marketarea2 .marketstext {
	width:100%;
	position:relative;
	background-repeat:no-repeat;
	text-align:center;
	color: #FFFFFF;
	margin-top: 0px;
	padding: 15px;
	margin-right: 0px;
	background:none;
}
.marketstext h1{
	font-family:"roboto";
	font-size:30px;
	margin-bottom:0px;
	font-weight:400;
	line-height:20px;
	color: #FFFFFF;
	letter-spacing:0px;
	


}



  #marketarea2 .marketstext {padding:0px !important}
.marketstext h2{font-family:"roboto"; font-size:20px; margin-bottom:0px; font-weight:400} 
h2.midlinebrown { clear:both}	   
	.homepanels   { display:none}
#marketarea {  }
#marketarea2 {width:100%;height:160px;margin-bottom:0px;}
#marketarea2 .mta {width:100%;}
#marketarea2 .marketsl {height:160px;position:relative;background-repeat:no-repeat;background-position:bottom center;}
#marketarea2 .marketsl { background-size: 460px 160px; background-position:right right}
#marketarea2 .marketsl h2{font-size: 27px; font-weight:bold; text-shadow: 2px 2px 4px #043781; }
#marketarea2 .marketsl h3{
	font-size: 18px; width:220px; font-weight:bold;
}
#marketarea2 .marketsl ul{display:none}
#marketarea2 .marketsl a.rmore{display:none}
.bx-wrapper {margin:0 auto;}
.bx-wrapper .bx-viewport {border:0;box-shadow:none;left:0 }
.bx-wrapper .bx-controls-direction a.bx-next {display:none}
.bx-wrapper .bx-controls-direction a.bx-prev {display:none}
.bx-wrapper .bx-pager {display:none}

#intright {width:100%;}
#intright .spread {width:100%;}

#intright div.half{
	line-height: 24px;
	font-size:16px;
	color:#02214f;
	margin-right: 0px;
	max-width: 100%;
	clear:left
}
#intright div.half2{
	line-height: 24px;
	font-size:16px;
	color:#02214f;
	margin-left: 0px;
	margin-right: 0px;
	max-width: 100%;
	float:left;
}





#rightcolumn{ float:left; width: 100%; display: block;
	margin-top: 0px;}

.popuphold  .content .themenu {width:100%}

   a.homel {width:100%;margin-right:0%}
  .cnthld  a {width:100%;margin-right:0%}
  #hrcl .rhpane {width:90%;margin:0 auto;text-align:left}
 #testims2 .testims{padding-left:20px; }
  #testims2.testims .thumb {display:none}
  #testims2.testims h2{font-size:18px;line-height:20px}

#blueleft {
padding:20px 3px 3px 3px;
	color: #FFFFFF;
	width: 100%;
	margin-top: 20px;
	margin-left: 0px;
border-top:solid #4b6182 1px
}
#blueleft span a{
	float: right;
	text-decoration: underline;
	font-size: 14px;
	color: #FFFFFF;}
#contactarea{
	color:#FFFFFF;
	width: 100%;
	float: left;
	padding:3px;
	padding-top: 20px;
	margin-top: 20px;
	margin-left: 0px;
	border-top:solid #4b6182 1px
}
#contactarea img{
	float: left; width:100%

}


  .footpanel {width:100% !important;margin-bottom:20px;text-align:center!important}
  
  .homepanels  .tstm {font-size:14px;font-family:arial;color:#172e58;line-height:17px;position:relative}
                   
 #homepanels h2 {font-size:2em}
 #homepanels p {font-size:1em}



#pagepanels {display:none}
h2.midline span {display:none}

hrpane rdrop{ background-image:none}


 .imageright{
	margin: 0px 0px 0px 0px;
	float: none;
}
.imageleft{
width:90%;
	margin: 0px 0px 0px 0px;
	float:none;
	clear:both;
}
 #intright  fieldset {border:0px solid #003169;padding:5px 5px;margin-bottom:20px}
#intright    fieldset .ln label {font-size:16px;color:#003169;width:30%;line-height:16px;display:inline-block; width:240px}
 #intright     fieldset .ln input, #intright     fieldset .ln select, 
         .frm input, .frm textarea
         {width:90%;padding:7px;border:1px solid #aaaaaa;border-radius:7px;-webkit-box-shadow:inset 0px 0px 5px -1px #919191;
box-shadow:inset 0px 0px 5px -1px #919191;font-size:16px;}
.submitbb{font-size:20px;line-height:22px; padding:10px}

.newsletterholder  {
display:none
}
form.newsletter {display:inline; margin-top:5px; font-family:"roboto";}
form.newsletter input[type=submit]  {
	height:40px;
	width:40px;
	border:0px;
	background:#fb9c30 url(images/newsletterarrow.png) no-repeat center center;
	padding:5px 5px 5px 20px;
	text-indent:-100px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}
form.newsletter input[type=text]  {
	height:28px;
	padding:5px;
	border:1px solid #fff;
	width:280px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:16px;
	font-family:roboto;
	margin-right:5px;
	float: left;
	margin-top: 1px;	
}      
#newsletterbox  {
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	background-color: #003f7d;
	max-width:1092px;
	width:100%;
	margin:0px auto;
	padding:3px;
 }
 #newsletterbox form {float:left ; clear:left}
#newsletterbox span{
	font-family:"roboto";
	padding-top: 10px;
	float:left
}
#newsletterbox span img{
	margin-top: 0px;
	margin-bottom: -10px;
	margin-left: 5px;
}
.socialicon{
	margin-top: 5px;
	position: absolute;
}
.partnerlogo{
	float: left;
	border: solid #c3c9d7 1px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-width: 1px;
	width:100px
}

a.prod {
	display:block;
	font-size:14px;
	line-height:17px;
	text-decoration:none;
	color:#012150 !important;
	box-sizing:border-box;
	display:block;
	float:left;
	padding:20px 0px;
	border-bottom: 1px solid #d3d2d8;
	min-height:100px;
	width:100%;

}
a.prod:nth-child(odd) {float:left}
a.prod strong {
	font-size:16px;
	line-height:10px;
	display:block;
	margin-bottom:5px
}



a.prod img.t { display:none}
a.prod img.i {
	float:left;
	margin:0px 10px 30px;
}


/* partners */
 #homepscroll{ clear:both}
     #brandsscroll .bx-wrapper .bx-controls-direction a.bx-next,
     #homepscroll .bx-wrapper .bx-controls-direction a.bx-next {margin-right:5px;margin-top:10px;height:20px;width:25px;
     background:url(images/arr_r.png) no-repeat;}
    
    #brandsscroll .bx-wrapper .bx-controls-direction a.bx-prev,
    #homepscroll .bx-wrapper .bx-controls-direction a.bx-prev {margin-left:5px;margin-top:10px;height:20px;width:25px;
  background:url(images/arr_l.png) no-repeat;}
 
  #brandsscroll {height:140px}
  #brandsscroll2 .thel {width:125px;height:125px;float:left}
  #brandsscroll2 .thel a {width:125px;height:125px;display:block}
   #footer {
	clear: both;
	font-size: 14px;
	background-color: #02214f;
	margin: 0 auto;
	color: #f8f8f8;
	padding: 10px 0 10px 0;
}
  #footer   a {
	color:#FB9C30;
	text-decoration:underline;
	line-height:35px;
	margin-left: 3px; margin-right: 20px;
}
#orangecontactbox{color: #ffffff; background-color: #f7e1ca; display: block; width: 91%; height: 100px; padding: 15px; border-radius: 5px; -webkit-border-radius: 5px;}
.casestudy{ width:90%}
.logintext{padding:0px;width:100%; float:left; font-size:.9em}

.loginarea{
	padding:0px 28px 28px 0px;
	width:300px;
	margin-bottom:20px;
	float:left; margin-right:0px
}

}