@charset "utf-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700|Roboto:400,700,500,900);
/*url(images/title_01.png)*/

/* =============================================================
 * SIMPLE RESET
 * ============================================================*/
html, body, div														{ margin: 0; padding: 0; }
html, html a { -webkit-font-smoothing: antialiased;  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
body																{ font-size: 100%; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6, caption, 
form, fieldset, legend, img, label, ul, li, p, ol					{ font-size: 100%; border: 0; margin: 0; padding: 0;}
form																{ float:left;}

p																	{ margin-bottom: 1.2em; }
p:last-child														{ }

a																	{ text-decoration: none; } 

th, td																{ text-align: left; vertical-align: top; }

input, textarea, select, button										{ font-family: inherit; font-size: inherit; outline: none; -webkit-border-radius:0px; }
textarea															{ overflow: auto; }

html, body															{ width: 100%; height: 100%; }
body																{ font-family: 'Roboto', serif; font-size:100%; font-weight: 400; line-height: 1.5; color: #222222; background: #ffffff; }

.cf:before, .cf:after												{ content:""; display:table; }
.cf:after															{ clear:both; }
.cf																	{ *zoom:1; }

.clear 																{ clear: both; }

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

/*******************************************************************
TYPOGRAPHY
*******************************************************************/

h1 																	{font-family: 'PT Sans', sans-serif; font-size: 2.5em;background: url('./images/bg_sheettitle.gif') repeat 0 0; height:78px;  padding:0 0 0 18px; line-height:78px; color:#fff; font-weight:400;}
h2																	{font-family: 'PT Sans', sans-serif; font-size: 2em; background: url('./images/bg_sheettitle.gif') repeat 0 0; height:78px;  padding:0 0 0 18px; line-height:78px; color:#fff; font-weight:400;  }
h3																	{font-family: 'PT Sans', sans-serif; font-size:1.4em; color:#466693; padding:0 0 8px 0; }

h3.projects													        {font-family: 'PT Sans', sans-serif; font-size:1.4em; color:#466693; padding:0 0 8px 66px; }

a													                { color: #2265a8; font-weight: normal; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

/*******************************************************************
LAYOUT
*******************************************************************/


#section_header                                                     { width:100%; float:left; position:relative; margin:0; padding:0; background:#2265a8; height:230px }
.wrapper												            { width:1000px; margin:0 auto;}
#pb_header 															{ width:1000px; float:left; position:relative; margin:0; padding:0; } 
#header_panel                                                       { width:500px; float:right; margin:44px 0 0 0; padding:0; position:relative;}
#header_panel p                                                     {width:470px; float:right; margin-bottom:4px; margin-right:20px; padding:0 0 0 10px; position:relative; height:30px; line-height:30px; background:#bbcfe3; color:#2265a8; display:block; font-size:1.3em;}
#header_panel a                                                     {   }

p.first                                                             { margin-top:30px;}
#header_panel img                                                   { width:128px; height:128px; position:absolute; top:0px; right:0; z-index:90;}
#logo                                                               { width:280px; display:block; float:left; margin:0; padding:10px 0 0 0;}
#section_menu                                                       { width:100%; float:left; position:relative; margin:0; padding:0; background:url('./images/menu_bg.png') repeat;}
#menu 																{ width:1000px; float:left; position:relative; margin:0; padding:0; height:80px;} 
#section_slider 													{ width:100%; float:left; position:relative; margin:0; padding:0; } 
#section_content                                                    { width:100%; float:left; position:relative; margin:0; padding:0; background:#eaebe6; } 
#content_wrap 														{ width:1000px; float:left; position:relative; margin:0; padding:30px 0;} 
#col_left                                                           { width:660px; float:left; position:relative; margin:0 20px 0 0; padding:0; } 
#pb_right 															{ width:320px; float:left; position:relative; margin:0; padding:0; } 
#section_features                                                   { width:100%; float:left; position:relative; margin:0; padding:30px 0 30px 0; background:#fff; }
#pb_features                                                        { width:1000px; float:left; position:relative; margin:0; padding:0;} 
#section_footer 													{ width:100%; float:left; position:relative; margin:0; padding:0;  background:#2265a8; } 
#pb_footer 															{ width:1000px; float:left; position:relative; margin:0; padding:0 0 18px 0;} 
#pb_footer a                                                        { color: #CC6;}

#about #section_slider 											    { width:100%; float:left; position:relative; margin:0; padding:0; height:200px;} 
#projects #section_slider 											{ width:100%; float:left; position:relative; margin:0; padding:0; height:200px;}
#contact #section_slider 											{ width:100%; float:left; position:relative; margin:0; padding:0; height:200px;}
#projects #col_left                                                 { width:1000px; float:left; position:relative; margin:0 20px 0 0; padding:0; } 
#projects .content 												    { width: 979px; padding:20px 0 20px 20px; margin:0; float:left; position:relative; margin:0;  background:#fff;  } 

/*******************************************************************
MENU 
*******************************************************************/
.table                                                              { display: table; margin:0 auto;}
#menu ul                                        					{ list-style:none; width:600px; margin:0; padding:20px 0 0 0; float:left;}
#menu li                                                            { float:left; /*display:inline;*/} 
#menu li a                                                          {  display:block; padding:7px 11px; font-weight:400; color:#fff; font-family: 'PT Sans', sans-serif; font-size:1.3em; border:2px solid rgba(0, 0, 0, 0)}
#menu li a:hover                                                    { border:2px solid #fff;  }

/*******************************************************************
BX SLIDER
*******************************************************************/
.bx-wrapper                                                         { position:relative; margin:0 auto; padding:0; width:100%;}
.bx-wrapper img                                                     { /*max-width:100%; display:block;*/ width:100%; height:auto; position:relative;}
.bxslider  															{ width:auto; position:relative;  margin:0; padding:0;}
.bxslider li                                                        { margin:0; padding:0; list-style:none;}
.bx-caption 														{ width:100%; /*height:190px;*/ top:-260px; position:absolute; z-index:9999; /*background:url('./images/slide_bg.png') repeat;*/ } 
.slide_wrap                                                         { position:relative; width:1000px; margin:0 auto; z-index:100;}

.bx-caption h1                                                      { background:none; font-size:3.2em; font-weight:bold; text-align:center; padding:0; }
.bx-caption h2                                                      { color:#fff; padding:0; font-size:2.5em; background:none; text-align:center; line-height:0.9em;}
.btn_wrap                                                           { float:right; right:50%; position:relative;}
.btn_wrap a                                                         { float:right; right:-50%; position:relative; border:2px solid #fff; color:#fff; font-size:1.6em; padding:8px 14px;}
.btn_wrap a:hover                                                   { background:#6ca2ec;}

.bx-pager                                                           { display:none;}
/*.bx-wrapper .bx-controls-direction a            					{ position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}*/
.bx-controls                                                        { width:1058px; margin:0 auto; position:relative; z-index:100;}
.bx-wrapper .bx-prev                                                { right:84px; top:-68px;  position:absolute; width:45px; height:45px; border:2px solid #fff; text-indent:100%; overflow:hidden; background:url('./images/bxslider3_prev_btn.png') no-repeat center #2265a8;}
.bx-wrapper .bx-next                                                {  left:980px; background:url('./images/bxslider3_next_btn.png') no-repeat center #2265a8 ; position:absolute;  width:45px; height:45px; border:2px solid #fff; text-indent:100%; overflow:hidden;  top:-68px;}
.bx-wrapper .bx-next:hover                                          {background:url('./images/bxslider3_next_btn.png') no-repeat center #6ca2ec;} 
.bx-wrapper .bx-prev:hover                                          { background:url('./images/bxslider3_prev_btn.png') no-repeat center#6ca2ec;} 

/*about page*/
#about .bx-controls													{ display:none;}
#about .bx-wrapper                                                  { position:relative; margin:0 auto; padding:0; width:100%; height:200px;}
#about .bx-wrapper img                                              { width:100%; height:auto; position:relative;}


/*projects page*/
#projects .bx-controls												{ display:none;}
#projects .bx-wrapper                                               { position:relative; margin:0 auto; padding:0; width:100%; height:200px;}
#projects .bx-wrapper img                                           {width:100%; height:auto; position:relative;}

.full_image img                                                    { max-width:100%; height:auto; position:relative;}

#contact .bx-controls													{ display:none;}
#contact .bx-wrapper                                               { position:relative; margin:0 auto; padding:0; width:100%; height:200px;}
#contact .bx-wrapper img                                           {width:100%; height:auto; position:relative;}


.overlay                                                            { background:rgba(49,49,49,0.5); /*position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;*/}
/*******************************************************************
SHEETS
*******************************************************************/

.content 															{ width: 624px; padding:18px; margin:0; float:left; position:relative; margin:0;  background:#fff;  } 

/*menu CTA BTN*/
#book                                                               {background: url('./images/bg_sheettitle.gif') repeat 0 0; width:320px;  float:right; display:block; transition: all 0.5s ease;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: initial;}
#book a                                                             { display:block; float:right; position:relative; margin:0; width:260px; padding:0 40px 0 20px; height:80px; line-height:80px; color:#fff; font-size:1.3em; background: url('./images/book_bg.png') no-repeat center right; }
#book a:hover {background: url('./images/book_bg.png') no-repeat center right #6ca2ec;  transition: all 0.5s ease;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: initial;}


/*******************************************************************
PB RIGHT
*******************************************************************/

.panel_1 															{ width:320px; float:left; position:relative; margin:0; padding:0; height:336px; overflow:hidden;} 
.paneltitle_1 														{ width:302px; float:left; position:relative; margin:0; padding:0;}
.paneltitle_1 h3                                                    { width:100%; font-size: 2em;background: url('./images/bg_sheettitle.gif') repeat 0 0; height:78px;  padding:0 0 0 18px; line-height:78px; color:#fff; font-weight:400;} 
.panelbody_1 														{ width:320px; height:320px; float:left; position:relative; margin:0; padding:0; background: url('./images/project_1.png') no-repeat top left; } 
#overlay                                                            { background: url('./images/trans_bg.png') repeat 0 0; text-align:center; padding:55px 0 91px 0; opacity:0; -webkit-transition: opacity .25s ease;}
			   
.panelbody_1:hover #overlay 										{opacity:1;}

#plus      															{  font-family:Helvetica; font-weight:900; color:rgba(255,255,255,.85); font-size:96px;}
 
/*******************************************************************
PB FEATURE
*******************************************************************/

.panel_2 															{  width:320px; float:left; position:relative; margin:0 20px 0 0; padding:0;} 
.paneltitle_2 														{  width:302px; float:left; position:relative; margin:0; padding:0;}
.paneltitle_2 h3                                                    { width:100%; font-size: 1.6em;background: #466693; height:60px;  padding:0 0 0 18px; line-height:60px; color:#fff; font-weight:400; } 
.panelbody_2 														{  width:284px; float:left; position:relative; margin:0; padding:18px; background:#0e4a9c;} 
.panelbody_2 p                                                      { /*text-align:center;*/ color:#fff;}
.panelbody_2 a                                                      { padding:4px 8px ; margin:0; text-align:center; display:block; /*background:#466693;*/ color:#fff; border:2px solid #fff;}
.panelbody_2 a:hover                                                {background:#6ca2ec;}  

.panel_3 															{ width:320px; height:320px; float:left; position:relative; margin:0 20px 0 0; padding:0; background: url('./images/drip_bg.png') no-repeat;} 
.paneltitle_3 														{ width:302px; float:left; position:relative; margin:0; padding:0;}
.paneltitle_3 h3                                                    { width:100%; font-size: 1.6em; background: url('./images/bg_sheettitle.gif') repeat 0 0; height:60px;  padding:0 0 0 18px; line-height:60px; color:#fff; font-weight:400;} 
.panelbody_3 														{ width:284px; float:left; position:relative; margin:0; padding:18px;} 
.panelbody_3 p                                                      {  color:#fff; text-align:center;}
.quote                                                              { font-size: 1.5em; text-align:center; padding:20px 0 0 0;}
.panelbody_3 a                                                      { padding:4px 22px ; margin:0 42px 0 0px; float:right; display:block; /*background:#466693;*/ font-size:1.8em; color:#fff; border:2px solid #fff; }
.panelbody_3 a:hover                                                {background:#6ca2ec;}  

.panel_4 															{ width:320px; height:320px; float:left; position:relative; margin:0; padding:0;} 
.paneltitle_4 														{ width:302px; float:left; position:relative; margin:0; padding:0; }
.paneltitle_4 h3                                                    { width:100%; font-size: 1.6em; background: #466693; height:60px;  padding:0 0 0 18px; line-height:60px; color:#fff; font-weight:400;} 
.panelbody_4 														{ width:284px; float:left; position:relative; margin:0; padding:18px; background:#0e4a9c;} 
.panelbody_4 ul                                                     { margin:0; padding:0;}
.panelbody_4 ul li                                                  {margin:0 0 8px 0; padding:0 0 0 40px; list-style:none; font-size:1em; color:#fff; background: url('./images/check.png') no-repeat center left; }


.panel_5 															{ width:320px; height:320px; float:left; position:relative; margin:0; padding:0;} 
.paneltitle_5 														{ width:302px; float:left; position:relative; margin:0; padding:0; }
.paneltitle_5 h3                                                    {width:100%; font-size: 2em;background: url('./images/bg_sheettitle.gif') repeat 0 0; height:78px;  padding:0 0 0 18px; line-height:78px; color:#fff; font-weight:400;} 
.panelbody_5 														{ width:284px; float:left; position:relative; margin:0; padding:18px; background:#466693;} 
.panelbody_5 ul                                                     { margin:0; padding:0;}
.panelbody_5 ul li.pin                                              {margin:0 0 18px 0; padding:2px 0 0 40px; list-style:none; font-size:1em; color:#fff; background: url('./images/ic_pin.png') no-repeat center left; }
.panelbody_5 ul li.mobile                                           {margin:0 0 18px 0; padding:2px 0 0 40px; list-style:none; font-size:1em; color:#fff; background: url('./images/ic_mob.png') no-repeat center left; }
.panelbody_5 ul li.mail                                             {margin:0 0 18px 0; padding:2px 0 0 40px; list-style:none; font-size:1em; color:#fff; background: url('./images/ic_mail.png') no-repeat center left; }
.panelbody_5 ul li.office                                           {margin:0 0 18px 0; padding:2px 0 0 40px; list-style:none; font-size:1em; color:#fff; background: url('./images/ic_office.png') no-repeat center left; }


#pb_footer ul                                                       { width:100%; margin:0; padding:18px 0;}
#pb_footer ul li                                                    { margin:0 12px 0 0; padding:0; list-style:none; font-size:0.875em; color:#fff; float:left; display:block; }
#pb_footer ul li a                                                  {}




/*******************************************************************
Gallery
*******************************************************************/


#slides 															{padding:0; float: left;position:relative;width: 840px;/*background-color: #CCCCCC;*/margin: 0;}
.thumbnail 															{ padding:0; width:96px; /*height:96px;*/ float:left; margin:0 15px 15px 0; border: 2px solid #FFF;  background:#fff; border:4px solid #fff;  box-shadow: 0 0 5px 2px rgba(0,0,0,.35);	}
.thumbnail_last  													{ padding:0; width:96px; /*height:96px;*/ float:left; margin:0 0 15px 0; border:2px solid #FFF;  background:#fff;}
#slide_wrap 														{position:relative; width: 840px;margin: 0px auto;}



/*------ form style ---------*/

#form-wrapp     { width:624px; float:left; position:relative; margin:0; padding:0;}

.webform{
	width:624px;
	font-family: 'Roboto', serif;
	color:#777;
	background:#fff;
	padding: 20px 0;
	/*box-shadow: 0 0 5px 2px rgba(0,0,0,.25);*/
	
}
.webform label{
	display:block;
	width:616px;
	font-weight:bold;
	padding-top: 10px;
}
.webform .inputbox{
        height:28px;
        width:616px;
        padding:4px 2px 2px 2px;
        margin:2px 0 10px 3px;
        border:1px solid #ccc;
		box-shadow: inset 0 0 4px 4px rgba(255,255,255,.5);
		background:#e0e2e4;
		
}
.webform textarea{
        height:80px;
        width:616px;
        padding:4px 2px 2px 2px;
        margin:2px 0 10px 3px;
        border:1px solid #ccc;
		box-shadow: inset 0 0 4px 4px rgba(255,255,255,.5);
		background:#e0e2e4;
}
.submit{        
        margin:2px 0 0 3px;
        background: url('./images/bg_sheettitle.gif') repeat 0 0;
        height:40px;
        width:180px;
        padding:0px;
        border:1px solid #ccc;
        display:block;
        color:#fff;
		font-weight:bold;
		  box-shadow: 0 0 5px 2px rgba(0,0,0,.25);
		  float:right;
		  margin-top:18px; 
		  cursor:pointer;}
		  
		  .submit:hover   { background:#6ca2ec;}
		  
.subject{
 height:28px;
        width:250px;
        padding:4px 3px 2px 3px;
        margin:2px 0 10px 3px;
        border:1px solid #ccc;
		box-shadow: inset 0 0 4px 4px rgba(255,255,255,.5);
		background:#e0e2e4;

}
fieldset {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;
	width: 620px;
	padding-bottom: 10px;
	margin:0;
}