@charset "utf-8";

::-webkit-selection { color: #FFF; background: #F26522; } ::-moz-selection { color: #FFF; background: #F26522; } ::selection { color: #FFF; background: #F26522; }  

a, a img, img, a:focus, a:focus img, img:focus { outline:0; }

.relative { position:relative; }

@media print {

* { -webkit-print-color-adjust: exact; -moz-print-color-adjust: exact; print-color-adjust: exact; }

a[href]:after { content: ""; }

.banner-inner { margin-top: 0px!important; }

.navbar-fixed-top { position: static!important; display: block!important; border: 1px solid #000 !important; }

.navbar { display: inline!important; }

}

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

a { color: #006bad; text-decoration: none; font-weight: 800 }

a:hover, a:focus { color: #032539; text-decoration: none; }

.mb0px { margin-bottom: 0!important; }

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

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

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

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

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

@font-face { font-family: 'HelveticaNeueLight'; src: url('fonts/helveticaneue-light.eot'); src: url('fonts/helveticaneue-light.eot') format('embedded-opentype'),  url('fonts/helveticaneue-light.woff') format('woff'),  url('fonts/helveticaneue-light.ttf') format('truetype'),  url('fonts/helveticaneue-light.svg#HelveticaNeueLight') format('svg'); }

@font-face { font-family: 'HelveticaNeueBold'; src: url('fonts/helveticaneuebold.eot'); src: url('fonts/helveticaneuebold.eot') format('embedded-opentype'),  url('fonts/helveticaneuebold.woff') format('woff'),  url('fonts/helveticaneuebold.ttf') format('truetype'),  url('fonts/helveticaneuebold.svg#HelveticaNeueBold') format('svg'); }

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

html, body, p { font: normal 11pt/145% /*'HelveticaNeueLight', */'proxima_novalight', 'proxima_nova_rgbold', Arial, Helvetica, sans-serif; color: #666; }

.m0px { margin: 0px !important; }

.p0px { padding: 0px !important; }

/*p a { color: #515151; text-decoration:underline; }

p a:hover { color: #F26522; text-decoration:underline; }*/



.title1 { color: #F26522; margin: 0!important; padding: 0!important; }

.title2 { color: #032539; margin-bottom: 20px!important; }

.title3 { color: #F26522; }

.text-style1 { font-size: 13.8pt; }

.text-style2 { font-size: 12.5pt; color: #143446; }

html strong, body strong, p strong { font-family: /*'HelveticaNeueBold', */'proxima_novasemibold'; font-weight: normal; }

.list1 { padding: 0 0 0 10px; margin: 0 0 20px 0; }

.list1 li { padding: 0 0 0 17px; margin: 0; list-style: none; background: url(../images/bullete2.png) no-repeat 2px 5px; }

/*.list1 li  a { color: #515151; text-decoration:none; display:block; }

.list1 li  a:hover {   color:#F26522; text-decoration:underline; }*/



.list1 li li a { color: #666; text-decoration: none; }

.list1 li li a:hover { color: #f26522; text-decoration: none; }

.list1 li ul { margin: 0; padding: 0 0 10px 0; }

.list1 li li { background: url(../images/bullete1.png) no-repeat 0 6px; }

/*.list1.text-style1 { }*/

.list1.text-style1 li { margin-bottom: 7px; }

.container { clear: both; }

p { margin-bottom: 20px; }

#footer p { margin-bottom: 10px; }

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

.relative { position: relative!important; }

.static { position: static!important; }

img { max-width: 100%; }

.myrow { float: left; display: block; width: 100%; clear: both; }

.orange { color: #f15308; }

.orange a, a.orange { color: #f15308; text-decoration: none; }

.orange a:hover, a.orange:hover { color: #032539; text-decoration: none; }

.orange-small { font-size: 17pt; }

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



h1 { font: normal 35pt/1.1 'HelveticaNeueLight', 'proxima_nova_rgregular'; margin-top: 45px; margin-bottom: 16px; clear: both; /*background:url(../images/border-bottom.png) repeat-x 0 100%;*/ padding-bottom: 23px; margin-bottom: 10px; color: #006bad; }

@media (max-width: 400px) { h1 { font-size: 27pt; } }



h2 { font: normal 18pt/110% 'proxima_nova_rgregular', Helvetica, Arial !important; color: #032539; background: url(../images/border-bottom.png) repeat-x 0 100%; padding-bottom: 6px; margin: 0 0 26px 0px; clear: both; }



h3 { font: normal 18.2pt/1.1 'proxima_novalight', 'proxima_nova_rgregular'; color: #032539; margin: 0px 0 0px 0px; border-left: 7px solid #fcc41d; padding: 0 0 0 15px; clear: both; }

h3 span {  color:#006bad; }



h4 { font: normal 24pt/1.1 'HelveticaNeueLight'; color: #032539; margin-bottom: 25px; margin-top: 0px!important; clear: both; }

@media (max-width: 360px) { h4 { font-size:20pt;  } h4  .orange-small { font-size:14pt; }}



h4 .big1 { font-size: 30pt; color: #f15308; vertical-align: -5px; }

h5 { font: normal 16pt/110% 'proxima_nova_rgregular', 'proxima_novalight', Helvetica, Arial; color: #515151; margin: 0 0 22px 0; clear: both; }

h6 { font: normal 13.5pt/110% 'proxima_novalight', 'HelveticaNeueLight', Arial, Helvetica, sans-serif; margin: 0 0 25px 0; clear: both; }

.seperator1 { margin: 39px 0 39px 0; background: url(../images/seperator1.png) repeat-x center top; float: left; width: 100%; clear: both; display: block; height: 1px; font-size: 0; line-height: 0; }

/*h1 { font:normal 37pt/110% 'HelveticaNeueLight', Helvetica, Arial;  color:#f26522; margin:26px 0 33px 0; }

@media (max-width: 400px) {  h1 { font-size:27pt; } }

h2 { font:normal 18pt/110% 'proxima_nova_rgregular', Helvetica, Arial;  color:#515151; margin:0 0 22px 0; }

h3 { font:normal 16pt/110% 'proxima_novalight', Helvetica, Arial;  color:#515151; margin:0 0 25px 0; padding:0; }

h4 {  font:normal 16pt/110% 'proxima_novalight', 'proxima_nova_rgregular',  Helvetica, Arial;  color:#F26522; }

h5 { font:normal 16pt/110% 'proxima_nova_rgregular', 'proxima_novalight', Helvetica, Arial;  color:#515151; margin:0 0 22px 0; 

	 background:url(../images/h3-border.png) repeat-x 0 100%; padding:0 0 13px 0; }

h6 { font:normal 13.5pt/110% 'proxima_novalight','HelveticaNeueLight',Arial,Helvetica,sans-serif;  margin:0 0 25px 0;  }*/



/*Scroll to top : start*/

.to-top { background: url(../images/small_content_back_to_top_sprite.png) repeat scroll 0 0 #FFFFFF; bottom: 10px; cursor: pointer; display: none; height: 47px; position: fixed; right: 10px; transition: background 400ms ease 0s; width: 48px; z-index: 200; }

.to-top:hover { background-position: 0 -47px; }

/*Scroll to top : end*/









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

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

.clear-sm { clear: both; }

}

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

.site-top { background-color: #032539; font-family: 'proxima_novalight'; color: #fff; text-align: right; width: 100%; float: left; display: block; }

.site-top a { color: #FFF; text-decoration: none; }

@media(max-width: 500px){
	.site-top a { color: #FFF; text-decoration: none; font-size: 10px; }
}



.site-top a:hover { color: #fcc41d; text-decoration: none; }

.site-top .call-1 { font-size: 14pt; line-height: 130%; display: inline-block; margin-right: 10px; font-family: 'proxima_novasemibold'; }

.site-top .call-2 { font-size: 23pt; line-height: 130%; display: inline-block; }



@media (min-width: 798px) { .top-links { min-height:40px; } }





@media (max-width: 450px) {

.site-top .call-1 { font-size: 12pt; }

.site-top .call-2 { font-size: 18pt; }

}

@media (max-width: 400px) {

.top-links{ float:right;  }

.site-top .call-1 { font-size: 10pt; float:left; margin-top:4px; }

.site-top .call-2 { font-size: 14pt; float:left; }

}

@media (max-width: 330px) {

.site-top .call-1 { font-size: 9pt; }

.site-top .call-2 { font-size: 12pt; }

}

.site-top2 { min-height: 105px; border-bottom: 0px solid #ddd; }

@media (max-width: 500px) {

.site-top2 { min-height: 20px; }

}

/*
.logo { margin: 35px 0 13px 11px; }

 @media (max-width: 450px) {

.logo { margin: 10px 0 10px 0px; }

}

*/
.main-nav1 { background: #f8f8f829; border: 0; margin: 0; min-height: 10px; }

.shadow { box-shadow: 0 0 8px #ddd; -moz-box-shadow: 0 0 8px #ddd; -webkit-box-shadow: 0 0 8px #ddd; }

.shadow2 { /*box-shadow: 0 0 8px #ddd;

	-moz-box-shadow: 0 0 8px #ddd;

	-webkit-box-shadow: 0 0 8px #ddd;*/

}

@media (min-width: 768px) {

.navx { float: right; margin-top: 44px; }

.navbarx { margin: 0; padding: 0; min-height: 10px; border-width: 0; background: none; margin-top: 18px; }

.navx > li > a { padding: 4px; margin: 5px; }

}

@media (max-width: 767px) {

.navbarx { margin: 0; }

.nav > li.active > a { color: #F26522!important; }

}

@media (min-width: 768px) and (max-width: 992px) {

.navx { margin-top: 13px; }

.logo { margin-top: 30px; }

.navx li { margin-bottom: 5px; }

}

@media (min-width: 320px) and (max-width: 765px) {

.logo {width: 72px; height: 65px !important; }

}


.navx > li { font-family: 'proxima_novalight'; font-size: 12pt; margin-left: 13px; }

@media (max-width: 1200px) {

.navx > li { margin-left: 10px; }

}

@media (max-width: 992px) {

.navx > li { margin-left: 12px; }

}

.navx > li > a { color: #000!important; }

.navx > li > a:hover, .navx > li.active > a {font-weight: bold;color: #000!important;border-bottom: 4px solid #fcc41d; background: none!important; }





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

@media (min-width: 768px) {

.navx > li { position: static!important; border: 0px solid green;font-family: 'itcavantgardegothicprobook'; }

.horizontal-menu { display: block; width: 100%; border: 0px solid red; left: 0; top: 126px; z-index: 100;   /*padding-top:39px;*/ padding-top: 39px;/*background-color:#FFF;*/ 	

	/* background:url(../images/horizontal-menu-bg.jpg) repeat-x 0 19px;*/			  

}

.index-nav1 .horizontal-menu { background: url(../images/horizontal-menu-bg.jpg) repeat-x 0 17px; }

.horizontal-menu .subnav1 { margin-top: 0!important; margin-bottom: 10px; }

#homenav .subnav1 { margin-bottom: 0px; }

.navx > li > .horizontal-menu { display: none; }

.navx > li:hover > .horizontal-menu { display: block; }

}

 @media (max-width: 767px) {

.horizontal-menu { display: none; }

}

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

.banner { width: 100%; float: left; display: block; clear: both; margin-top: 143px; background-color: #FFF; -moz-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.5); }

 @media (max-width: 600px) {

.banner { -moz-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.3); }

}

@media (max-width: 350px) {

.banner { -moz-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.2); }

}

@media (max-width: 767px) {

.banner { margin-top: 136px; }

}

@media (max-width: 450px) {

.banner { margin-top: 102px; }

}

@media (max-width: 360px) {

.banner { margin-top: 87px; }

}

@media (max-width: 340px) {

.banner { margin-top: 82px; }

}

@media (max-width: 306px) {

.banner { margin-top: 77px; }

}

 @media (max-width: 767px) {

.navbarx { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 0px solid #FF0000; display: block; position: absolute; top: -23px; width: 100%; }

.nav-button-row { height: 0!important; }

#nav1 { background-color: #fff; border: 1px solid #ccc; left: 2%; top: 100%; width: 96%; position: absolute!important; }

.navbarx .navbar-toggle { right: 10%; top: 10%;/* bottom:1px!important;*/ max-width: 100%; /*top:auto!important;*/ right: 2%; margin: 0; position: absolute!important; margin-top: 10px; }

.btn1 { margin-top: 20px!important; padding: 0!important; border: 0px solid #ddd; cursor: pointer; margin-right: -12px!important; }

.btn1 img { width: 63px; }

.btn1:hover { background: none !important; }

}











.btn2 { background-color: #006bad; font: 18pt/18pt 'HelveticaNeueLight', Arial, Helvetica, sans-serif; color: #fff; padding: 6px 20px 7px 20px; text-align: center; display: block; margin: 0 auto; -moz-box-shadow: 0 4px 0 #CBCBD0; -webkitbox-shadow: 0 4px 0 #CBCBD0; box-shadow: 0 4px 0 #CBCBD0; -moz-border-radius: 4px; -webkitbox-border-radius: 4px; border-radius: 4px; text-decoration: none; }

.btn2:hover, .btn2:focus, .btn2:active { background-color: #fcc41db3; color: #000; text-decoration: none; }



.bluebox .btn2  { background-color: #fff; color: #032539; text-decoration: none;  -moz-box-shadow: 0 4px 0 #999; -webkitbox-shadow: 0 4px 0 #999; box-shadow: 0 4px 0 #999;  }

.bluebox .btn2:hover, .bluebox  .btn2:focus, .bluebox  .btn2:active {  background-color: #f26522; color: #fff;   } 



.btn3 { background-color: #032539; color: #FFF; float: left; display: block; padding: 12px 20px; text-transform: uppercase; text-align: center; text-decoration: none; }

.btn3:hover, .btn3:focus, .btn3:active { background-color: #666; color: #FFF; text-decoration: none; cursor: pointer; white-space: nowrap; }

.btn4 { background-color: #ff630a; color: #FFF; float: left; display: block; padding: 12px 20px; text-transform: uppercase; text-align: center; text-decoration: none; }

.btn4:hover, .btn4:focus, .btn4+:active { background-color: #666; color: #FFF; text-decoration: none; cursor: pointer; white-space: nowrap; }

 @media \0screen {

.btn2 { border-bottom: 3px solid #CBCBD0; }

}

 @media (max-width: 450px) {

.btn1 { margin-top: 10px!important; }

}

@media (max-width:340px) {

.navbarx .navbar-toggle { width: 90%; right: 10%; }

.btn1 img { width: 100%; }

}

@media (max-width: 767px) {

.navx > li > a { padding-top: 5px; padding-bottom: 5px; padding-left: 0; line-height: 110%; }

.navx > li { margin: 0; padding: 0 2%; width: 100%; }

.navx > li > a > .caret { display: block; float: right; margin-top: 6px; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: #ccc; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #FFF; }

.navx li li { background: url(../images/bullete1.png) no-repeat 5px center; }

}

/*.navx li > li { border:1px solid red; }*/

@media (min-width: 768px) {

/*.navx > li > a > .caret { display:none; }*/

.navx > li:hover > ul { display: none; }

.dropdown-menu > li > a { padding-left: 10px; padding-right: 10px; }

.cms-menu ul { left: auto!important; right: -15px!important; }

}

.h1-text { text-align: center; font: normal 18pt/125% 'proxima_novalight', Arial, Helvetica, sans-serif; color: #032539; margin: 36px 0 0 0; float: left; clear: both; width: 100%; }

.h2-text { text-align: center; font: normal 11.3pt/150% 'proxima_novalight', Arial, Helvetica, sans-serif; color: #55636d; margin: 15px 0 0 0; float: left; clear: both; width: 100%; }

.h3-text { text-align: center; font: normal 28pt/118% 'proxima_novalight', Arial, Helvetica, sans-serif; color: #55636d; margin: 26px 0 20px 0; float: left; clear: both; width: 100%; color: #fff; opacity: 0.8; filter: alpha(opacity=80); padding:0px; }

.h4-text { text-align: center !important; font: normal 25pt/118% 'proxima_novalight', Arial, Helvetica, sans-serif !important; color: #022539 !important; margin: 36px 0 0px 0 !important; float: left !important; clear: both !important; width: 100% !important; background:none !important; }

.btn-learnmore1 { margin: 40px 0 0 0; float: left; clear: both; width: 100%; min-height: 40px; }

.btn-getstarted { margin: 35px 0 0 0; float: left; clear: both; width: 100%; min-height: 40px; }

.bluebox { background-color: #032539; width: 100%; clear: both; display: block; margin-top: 35px; float: left; color: #FFF; }

.service-block { text-align: center; margin-top: 35px; padding: 0 10%; display: table; }

@media(max-width:768px) {

.service-block { padding: 0 0; margin-top: 10px; border-top: 1px solid #eee; padding-top: 15px!important; }

}

.service-img { float: left; display: block; width: 100%; text-align: center; }

.service-name { float: left; display: block; width: 100%; text-align: center; }

.service-name { color: #f26522; font: normal 17pt/118% 'proxima_novasemibold', 'proxima_novalight', Arial, Helvetica, sans-serif !important; background:none !important; margin-bottom:10px !important; }

.service-name a { color: #006bad; text-decoration: none; }

.service-name a:hover { color: #000; text-decoration: none; }

.service-details { float: left; display: block; width: 100%; text-align: center; font: 9.5pt/140% Tahoma, Geneva, sans-serif; color: #666; }

.service-details a { color: #666; text-decoration: none; }

.service-details a:hover { color: #666; text-decoration: none; }

.service-icon { display: block; width: 93px; height: 93px; margin: 0 auto; }



.web-development .service-icon { background: url(../images/services/web-development.png) no-repeat center center; }

.web-development:hover .service-icon { background: url(../images/services/web-development-roll.png) no-repeat center center; }



.responsive-web-design .service-icon { background: url(../images/services/responsive-web-design.png) no-repeat center center!important; }

.responsive-web-design:hover .service-icon { background: url(../images/services/responsive-web-design-roll.png) no-repeat center center!important; }



.mobile-development .service-icon { background: url(../images/services/mobile-development.png) no-repeat center center!important; }

.mobile-development:hover .service-icon { background: url(../images/services/mobile-development-roll.png) no-repeat center center!important; }



.marketing  .service-icon { background: url(../images/services/marketing.png) no-repeat center center!important; }

.marketing :hover .service-icon { background: url(../images/services/marketing-roll.png) no-repeat center center!important; }



.e-commerce .service-icon { background: url(../images/services/e-commerce.png) no-repeat center center; }

.e-commerce:hover .service-icon { background: url(../images/services/e-commerce-roll.png) no-repeat center center; }









.graphic-design .service-icon { background: url(../images/services/graphic-design.png) no-repeat center center; }

.graphic-design:hover .service-icon { background: url(../images/services/graphic-design-roll.png) no-repeat center center; }

.internet-marketing .service-icon { background: url(../images/services/internet-marketing.png) no-repeat center center; }

.internet-marketing:hover .service-icon { background: url(../images/services/internet-marketing-roll.png) no-repeat center center; }







.content-management .service-icon { background: url(../images/services/content-management.html) no-repeat center center; }

.content-management:hover .service-icon { background: url(../images/services/content-management-roll.html) no-repeat center center; }

.quote-form { text-align: left!important; width: 205px; max-width: 100%; padding: 0; margin-left: auto; margin-right: auto; }





@media(max-width:768px) {

.quote-form { width: 80%; margin-top: 30px; clear: both; }

}

@media(max-width:450px) {

.quote-form { width: 98%; }

}

.quote-title { font: normal 19.3pt/118% 'proxima_novasemibold', 'proxima_novalight', Arial, Helvetica, sans-serif; color: #022539; opacity: 0.8; filter: alpha(opacity=80); margin: 0; padding: 0; }

@media(max-width:768px) {

.quote-title { text-align: center; }

}

.form-row { width: 100%; float: left; display: block; width: 100%; margin-bottom: 7px; }

.quote-form .form-row { margin-bottom: 5px; }



.service-block.quote-form .form-row { position:relative; }

.service-block.quote-form .form-row .required { color:#F00; position:absolute; right:-6px; top:-6px; }



.required { color:#F00; position:absolute; right:6px; top:-6px; }







.blue2 { padding: 0 0 60px 0; }

.blue-h1 { float: left; display: block; width: 100%; clear: both; color: #fff; text-align: center; font: normal 36pt/118% 'proxima_novalight', Arial, Helvetica, sans-serif; margin: 30px 0 0 0;  padding:0px;}

.blue-h2 { float: left; display: block; width: 100%; clear: both; color: #fff; text-align: center; font: normal 17.5pt/118% 'proxima_novalight', Arial, Helvetica, sans-serif; margin: 5px 0 0 0; }

.process-block { text-align: center; margin-top: 35px; padding: 0 0; float: left; display: block; width: 100%; clear: both; }

@media(max-width:768px) {

.process-block { padding: 0; }

}

.process-name { font: 18pt/118% 'HelveticaNeueBold', 'HelveticaNeueLight', Arial, Helvetica, sans-serif !important; background:none !important; letter-spacing: 0.02em;margin-bottom:10px !important; color: #fff; }

.process-img { height: 90px; }

.process-details { font: 9pt/130% Tahoma, Geneva, sans-serif; padding: 10px 8% 0; color: #FFF; opacity: 0.6; filter: alpha(opacity=60); }

#footer { float: left; display: block; width: 100%; clear: both; }

.footer1 { padding-top: 20px; padding-bottom: 22px; color: #898787; border-top: 1px solid #CCCCCC; margin-top: 50px; }

.link-title { font: bold 11pt/118% Arial, 'HelveticaNeueLight'; color: #666666; }

.link-title a { color: #666; text-decoration: none; }

.link-title a:hover { color: #F16520; text-decoration: none; }

.footer-link { padding: 0; margin: 0; font: 9.5pt/140% Tahoma, Geneva, sans-serif; }

.footer-link li { list-style: none; }

.footer-link li a { color: #898787; }

.footer-link li a:hover { color: #000; }

@media(max-width:768px) {

.link-title { text-align: center; }

.footer-link { text-align: center; }

}

.blue3 { margin: 0 0 0 0!important; }

.footer2 { font-size: 8pt; color: #b8bdc0; clear: both; padding-top: 15px; padding-bottom: 15px; }

.footer2 ul { margin: 0; padding: 0; width: 100%; text-align: center; }

.footer2 ul li { list-style: none; display: inline; margin-left: 15px; }

.footer2 ul li:first-child { margin-left: 0; }

.footer2 a { color: #b8bdc0; text-decoration: none; }

.footer2 a:hover { color: #eee; text-decoration: none; }

.footer3 { clear: both;
/* padding-top: 26px; padding-bottom: 40px; */

 text-align: center; color: #898787; font: 8pt/170% Tahoma, Geneva, sans-serif; }

.footer3 p { color: #898787; font: 8pt/170% Tahoma, Geneva, sans-serif; }

.footer3 a { color: #898787; text-decoration: none; }

.footer3 a:hover { color: #032539; text-decoration: none; }

.banner-inner { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin-top: 217px!important; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; position: relative; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {

/*Chrome, Safari, Opera*/

.banner-inner { margin-top: 215px!important; }

}

@media(max-width:1000px) {

.banner-inner { margin-top: 233px !important; }

}

@media(max-width:700px) {

.banner-inner { margin-top: 146px !important; border-top: 0px solid #ddd; }

}

@media(max-width:450px) {

.banner-inner { margin-top: 108px !important; }

}

@media(max-width:350px) {

.banner-inner { margin-top: 90px !important; }

}

.banner-inner .ban { display: block; margin: 0; padding: 0 0 0px 0; }

.banner-inner .ban img { float: left; display: block; }

.contact-banner-img { z-index: 2; }

.mobile-website-banner { background: url(../images/banners/mobile-website-banner-bg.html) no-repeat center bottom; background-size: cover; border-bottom-width: 0px!important; }

.logo-banner { background: url(../images/banners/logo-banner-bg.html) repeat 0 0; }

.brochure-catalog-banner { background: url(../images/banners/brochure-catalog-banner-bg.html) no-repeat center top; background-size: cover; }

.burbank-banner { background: url(../images/banners/burbank-banner-bg.html) no-repeat center top; background-size: cover; }

.los-angeles-banner { background: url(../images/banners/los-angeles-banner-bg.html) no-repeat center top; background-size: cover; }

.glendale-banner { background: url(../images/banners/glendale-banner-bg.html) no-repeat center top; background-size: cover; }

.irvine-banner { background: url(../images/banners/irvine-banner-bg.html) no-repeat center top; background-size: cover; }

.contact-map { position: absolute; width: 100%!important; height: 100%!important; left: 0; top: 0; z-index: 3; }

 @media (min-width: 992px) {

.contact-right { border-left: 1px solid #cfcfcf; padding-left: 8.33333%; }

}

.contact-form { }

.heading1 { font: normal 18pt/118% 'proxima_novalight', Arial, Helvetica, sans-serif; color: #032539; }

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

.subnav1 { background-color: #d9d9d9; float: left; clear: both; width: 100%; display: block; margin-top: 20px; }

.subnav1 ul { float: left; width: 100%; display: block; clear: both; margin: 0; padding: 0; }

.subnav1 ul li { list-style: none; float: left; display: inline-block; padding: 0; margin: 0 0 0 2.9%; font: normal 12pt/118% 'proxima_novalight', Arial, Helvetica, sans-serif; position: relative; }

.subnav1 ul li:first-child { margin-left: 0; }

.subnav1 ul li a { padding: 17px 17px; color: #666666; display: table; text-decoration: none; font-family: 'itcavantgardegothicprobook'; }

.subnav1 ul li a:hover, .subnav1 ul li.active a { text-decoration: none; background-color: #939292; color: #FFF; }

/*.cms ul li a:hover, .cms ul li.active a { text-decoration:none; background-color:#032539!important; color:#FFF; }

.cms ul li .down-aerrow  { background-image:url(../images/subnav-down-aerrow2.png)!important; }*/





.subnav1 ul li a .down-aerrow { display: none; }

.subnav1 ul li a:hover .down-aerrow, .subnav1 ul li.active a .down-aerrow { display: block; }

.subnav1 ul li .down-aerrow { position: absolute; bottom: -9px; left: 45%; width: 30px; height: 14px; background: url(../images/subnav-down-aerrow.png) no-repeat left bottom; z-index: 10; }

 @media(max-width:1200px) {

.subnav1 ul li { margin-left: 1.4%; }

.subnav1 ul li a { padding: 17px 3%; }

}

@media(max-width:1199px) {

.subnav1 ul li { margin-left: 0%; width: 20%; text-align: center; }

.subnav1 ul li a { padding: 17px 0 15px 0; width: 100%; display: block; height: 69px; }

.subnav1 ul li .down-aerrow { left: 45.5%; }

.subnav1 ul li a span { clear: both; display: block; }

}

@media(max-width:700px) {

.subnav1 { display: none; }

}

/*@media (min-width: 1200px) { 

	.subnav1.cwd ul li { margin-left:0; }

	.subnav1.cwd ul li a { white-space:nowrap; padding:17px 14px; font-size:10pt;  } 

}

@media (max-width: 1199px) { 

	.subnav1.cwd ul li {width:14%;  }   

	.subnav1.cwd ul li a  {   padding:17px 0; width:100%; text-align:center;  font-size:10pt;}   

	.subnav1.cwd ul li a span { clear:both; display:block; }

}*/

.mobile ul li { width: 48%; }

.mobile ul li a { width: 100%; display: block; text-align: center; }

@media (max-width: 1199px) { .mobile ul li a span { clear: both; display: block; } }



@media (min-width: 1200px) {

/*.graphic ul li a { white-space: nowrap; padding: 17px 94px; }*/

.graphic ul li a { white-space: nowrap; padding: 17px 25px; }

}

@media (max-width: 1199px) {

/*.graphic ul li { width: 32%; }*/.graphic ul li { width: 20%; }

.graphic ul li a { padding: 17px 3%; width: 100%; text-align: center; }

.graphic ul li a span { clear: both; display: block; }

}

 @media (min-width: 1200px) {

.seo ul li a { white-space: nowrap; padding: 17px 44px; }

}

@media (max-width: 1199px) {

.seo ul li { width: 23.5%; }

.seo ul li a { padding: 17px 3%; width: 100%; text-align: center; }

.seo ul li a span { clear: both; display: block; }

}

 @media (min-width: 1200px) {

.ecommerce ul li a { white-space: nowrap; padding: 17px 86px; }

}

@media (max-width: 1199px) {

	.ecommerce ul li { width: 32%; }

	.ecommerce ul li a { padding: 17px 3%; width: 100%; text-align: center; }

	.ecommerce ul li a span { clear: both; display: block; }

}



.cms ul li { width: 48%; }

.cms ul li a { width: 100%; display: block; text-align: center; }

@media (max-width: 1199px) { .cms ul li a span { clear: both; display: block; } }



.mwd ul li { width: 48%; }

.mwd ul li a { width: 100%; display: block; text-align: center; }

@media (max-width: 1199px) { .mwd ul li a span { clear: both; display: block; } }



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

/*FoRM CSS*/

input[type=button], input[type=submit] { background-color: #006bad; font: 16pt/18pt 'HelveticaNeueLight', Arial, Helvetica, sans-serif; color: #fff; padding: 0 20px; text-align: center; display: block; margin: 0 auto; -moz-box-shadow: 0 3px 0 #CBCBD0; -webkitbox-shadow: 0 3px 0 #CBCBD0; box-shadow: 0 3px 0 #CBCBD0; -moz-border-radius: 4px; -webkitbox-border-radius: 4px; border-radius: 4px; height: 30px; border: 0px solid #ddd; }

input[type=button]:hover, input[type=submit]:hover { background-color: #032539; color: #fff; text-decoration: none; }

@media \0screen {

input[type=button]:hover, input[type=submit]:hover { border-bottom: 3px solid #CBCBD0; }

}

input[type=text], input[type=password], select, textarea { }

input[type=text], input[type=password] { height: 36px; background-color: #fcfcfc; }

input[type=text], input[type=password], select, textarea { font: 10pt Tahoma, Geneva, sans-serif; color: #898787; border: 1px solid #d6d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; outline: none; width: 100%; }

input[type=text], input[type=password], input[type=text]:hover, input[type=password]:hover, select, select:hover, textarea, textarea:hover { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }

input[type=text]:hover, input[type=password]:hover, input[type=text]:focus, input[type=password]:focus, select:hover, select:focus, textarea:hover, textarea:focus { box-shadow: 0 0 4px #9e9e9e; -webkit-box-shadow: 0 0 4px #9e9e9e; -moz-box-shadow: 0 0 4px #9e9e9e; outline: none; background-color: #fff; }

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { border: 1px solid #ccc; color: #898787; }

input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover { color: #666; }

textarea { height: 100px; }

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

/******************** COMMON RESPONSIVE CLASSE:2 **********************/

/*new-common-responsive classes*/

.one_half { width: 48%; }

.one_third { width: 30.5%; }

.one_fourth { width: 22%; }

.one_fifth { width: 16.8%; }

.one_sixth { width: 13.33%; }

.two_fifth { width: 37.6%; }

.two_fourth { width: 48%; }

.two_third { width: 65.33%; }

.three_fifth { width: 58.4%; }

.three_fourth { width: 74%; }

.four_fifth { width: 79.2%; }

.five_sixth { width: 82.67%; }

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: left; margin-right: 4%; position: relative; }

.last { margin-right: 0px!important; }

.footer1 .one_fifth { width: 18%; margin-right: 2.5%; }

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

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { width: 100%; float: left; margin-bottom: 20px; margin-right: 0; position: relative; }

.footer1 .one_fifth { width: 100%; float: left; margin-bottom: 20px; margin-right: 0; position: relative; padding-top: 20px; border-top: 1px solid #eee; }

.footer1 { padding-top: 0!important; }

}

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

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { width: 100%; float: left; margin-bottom: 20px; margin-right: 0; position: relative; }

.footer1 .one_fifth { width: 100%; float: left; margin-bottom: 20px; margin-right: 0; position: relative; }

}

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



.cp1 { width: 55px; display: block; float: left; }

.map1 { float: left; width: 100%; clear: both; height: 250px; margin: 37px 0 0 0; display: block; border: 0px solid red; }

.img11 { text-align: right; }

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

.img11 { text-align: center; }

}

.our-process { margin-left: 40px; }

/*.bluebox2 {

	float:left; display:block; clear:both; width:100%;

	background-color:#032539; margin:25px 0 25px 0; 

}

.bluebox2-text1 { 

	text-align:center; color:#FFF; font:normal 27pt/1.1 'HelveticaNeueLight';

	padding: 33px 0 19px 0; margin:0 0 0 0 !important;

}

.bluebox2-text2 { 

	text-align:center; color:#FFF; font:normal 30pt/1.1 'HelveticaNeueLight';

	padding:0px 0 30px 0;

}*/

.bluebox2 { float: left; display: block; clear: both; width: 100%; background-color: #032539; /*margin:25px 0 25px 0; */ padding: 50px 0 40px 0; margin: 20px 0 40px 0; }

.seo-bluebox2 { margin-top: 0!important; }

.seo-bluebox2-top { margin-bottom: 20px!important; }

.bluebox2-text1 { text-align: center; color: #FFF; font: normal 27pt/130% 'HelveticaNeueLight'; padding: 0px 0 0px 0; margin: 0 0 0 0 !important; }

.bluebox2-text2 { text-align: center; color: #FFF; font: normal 30pt/1.1 'HelveticaNeueLight'; padding: 19px 0 0px 0; margin: 0; }

.bluebox2 a { color: #FFF; text-decoration: none; }

.bluebox2 a:hover { color: #f26522; text-decoration: none; }

.page-bottom { background: url(../images/seperator1.png) repeat-x 0 0; float: left; width: 100%; display: block; clear: both; margin: 50px 0 0 0; padding: 20px 0 5px 0; }

.page-bottom-h1 { text-align: center; margin-bottom: 5px!important; }

.page-bottom-hr { text-align: center; background: url(../images/seperator2.png) no-repeat center top; width: 100%; ; height: 13px; float: left; width: 100%; clear: both; margin: 0 0 0 0px; }

.page-bottom-btn { text-align: center; clear: both; margin: 24px 0 0 0; float: left; width: 100%; display: block; }

.open-source-cms-img { text-align: center; margin: 40px 0 0 0; padding: 0 0 0 0; display: block; }

.captcha-img { float: left; display: block; margin-right: 6px; }

.captcha-reset { float: left; display: block; }





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

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

/*28Aug14 Without banner start here*/

.col-lg-12.content { margin-top:218px; }

.col-lg-12.content .col-lg-12.content { margin-top:0; }

.col-lg-12.content .col-lg-12.content .col-lg-12.content{ margin-top:0; }

@media(max-width: 1199px) { .col-lg-12.content { margin-top:270px; } }

@media(max-width:700px) {  .col-lg-12.content { margin-top:182px; } }

@media(max-width:446px) {  .col-lg-12.content { margin-top:120px; } }

/* @media(max-width:700px) {.main-nav1 { box-shadow:0 2px 2px #ccc; } }  */

@media (max-width: 991px) {  

.footer1 .col-md-2 { width: 100%; float: left; margin-bottom: 20px; margin-right: 0; position: relative; padding-top: 20px; border-top: 1px solid #eee; text-align:center; }

.footer1 { padding-top: 0!important; }

}

.page-image-wrap { width:100%; text-align:center;  }

@media(max-width:768px) { .page-image-wrap { margin-bottom:15px; } }

.page-image { vertical-align:0; }





/*.mobile-h1 { margin-top: 6px!important; }*/

.footer-text { float:left; width:100%; clear:both; display:block; margin:0 0 15px 0; /* font: normal 12pt/130%  'proxima_novalight', Tahoma;color:#55636d; */  }

/*.footer-text a { color:#032539; text-decoration:none; }

.footer-text a:hover { color:#f26522; text-decoration:none; }*/

@media(min-width:768px){

	.wm2 { clear:both; margin-top:10px; margin:0 auto; display:block;  }

}

.ppc-click { text-align:center; }

.learn-btn1 { margin-top:25px;  clear:both;}

.msg{
	color:#f26522;
	padding: 5px 0px;
}

.map-container {
	width: 100%;
	/*margin: 50px 0 3000px;*/
	height:100%;
	position:absolute;
	z-index:1;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}

.home-btn{vertical-align:-1px; outline:0;}
.horizontal-menu{ position:absolute;}
.who-we-are{width:310px; max-width:100%;}
.validation{ text-align: right; color:#F00; font-size: 10pt;}
.wdth170{ width:170px;}
.contact_refresh{padding-left:5px; cursor:pointer;}
.clr-both{ clear:both;}
.request-quote{ width:245px; max-width:100%;}
.learn_more{ width:438px; max-width:100%;}
.mrg-T19{ margin-top:19px;}
.display-none{ display:none;}