@import url('reset.css');

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img.responsive {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background:#ffffff url(../bg/bg.png) no-repeat center top;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:15px;
	color: #555555;
}

a {
	color: black;
	text-decoration: none;
	outline: none;
}
a:hover {
	/*text-decoration: underline;*/
	
}

p {
	margin: 0 0 1.2em;
	padding: 0;
	text-indent:25px;
}

/* list */
/*ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}*/
/* headings */
h1, h2, h3, h4 {
	/*line-height: 1.4em;*/
	/*margin: 20px 0 .4em;*/
	
	color: #006873;
}

h5, h6{
	color: #000;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
	
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: .80em;
}

strong {
	color:black;
}

strong.highlight{
	color: #006873;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
	input[type="search"]::-webkit-search-decoration, 
	input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

		
hr {
    border: 0;
    height: 1px;
    
    background-image: -webkit-linear-gradient(left, rgba(0,104,115,0), rgba(0,104,115,0.75), rgba(0,104,115,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,104,115,0), rgba(0,104,115,0.75), rgba(0,104,115,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,104,115,0), rgba(0,104,115,0.75), rgba(0,104,115,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,104,115,0), rgba(0,104,115,0.75), rgba(0,104,115,0)); 
}


#footer td.curser_pointer{cursor:pointer;}
#footer td.curser_pointer a:hover {text-decoration:underline;}
/****************************************************************************************
myButton1 slider buttons
*****************************************************************************************/
.myButton{
	
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	
	background-color:#33bdef;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #057fd0;
	cursor:pointer;
	color:#ffffff;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	padding:4px 4px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;	
	float:right;
}

.myButton:hover, .myButton2:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.myButton:active{
	position:relative;
	top:1px;
}

.myButton a, .myButton i{
    vertical-align:middle;
}

.fa
{
   vertical-align: top;
}

/****************************************************************************************
myButton2 analytical buttons
*****************************************************************************************/
.myButton2{	

	display: inline-block;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	
	background-color:#33bdef;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #057fd0;
	cursor:pointer;
	color:#ffffff;
	font-family: FontAwesome,verdana;
	font-size:12px;
	font-weight:lighter;
	/*padding-bottom: 10px;*/
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;	
	width: 131px;
	padding: 8px;
	text-align: center;
	/*float:left;*/
}
/************************************************************************************
STRUCTURE
*************************************************************************************/

/***********************
Magnific popup
************************/
/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out; 
    transform: scale(0.8); 
  }
  
  &.mfp-bg {
    opacity: 0;
	  transition: all 0.3s ease-out;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1); 
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: scale(0.8); 
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}


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

div.pagewrap {
	width: 980px;
	margin: 0 auto;
	/*border: 1px solid gold;*/
    
}

#header {
	position: relative;
	height: 160px;
}

/* searchform */
#searchform {
	position: relative;
	right: 10px;
	bottom: 6px;
	z-index: 100;
	width: 160px;
}

#searchform #s {
	width: 140px;
	float: right;
	background:whitesmoke;
	border: none;
	padding: 6px 10px;
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}

/************************************************************************************
HOVER EFFECTS
*************************************************************************************/
/* Caption Common Style */
#mainwrapper .box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}

#mainwrapper .box .simple-caption {
	height: 30px;
	width: 200px;
	display: block;
	bottom: -30px;
	line-height: 25pt;
	text-align: center;
}
/************************************************************************************
Fixed side button
*************************************************************************************/

#sidebar { 
	width: 200px;
	height: 100px;
	background-color: red;
   	position: fixed;
    top: 0px;
    right: 0px; 
    margin-top:20px;
}

#contactUs{
	
    position:fixed;
   	right:0;
    top:150px;
    width:0px;
    height:50px;
    z-index: 99;
    
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;
    transform-origin: 		  0 0;

    -webkit-transform:	rotate(90deg);
    -moz-transform:		rotate(90deg);
    -ms-transform:		rotate(90deg);
    -o-transform:		rotate(90deg);
     transform:         rotate(90deg);

     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  

  	
}

div#contactUs a:hover{

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}

#contactUs a{

	display:block;
    height:25px;
    width:135px;
    text-align: center;
    padding: 5px 2px;

    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-weight:bold;
	font-size: 17px;
    color:#ffffff;
	
	/*margin-top:15px;*/
	
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
    letter-spacing: 1px;   

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	
	background-color:#33bdef;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #00abeb;
	cursor:pointer;
	
}

/************************************************************************************
SLIDER
*************************************************************************************/

.child_slide{
	width:auto;
	height:auto;
}

.child_slide img{
	width:auto;
	height:300px;
}

.slides{
	margin:0 auto; 
    width:980px; 
    height:auto;
    background-color:#fff;
	/*opacity: .9;*/

	-webkit-border-radius: 8px;
	    moz-border-radius: 8px;
		    border-radius: 8px;
}

.mask { 
    overflow:hidden;  
    margin:0 auto; 
    width:100%; 
    height:auto;
    background-color:#fff;
	/*opacity: .9;*/

	-webkit-border-radius: 8px;
	    moz-border-radius: 8px;
		    border-radius: 8px;
    
}

ul.images { 
    position:relative; 
    
}

ul.images li { 
    position:relative; 
    
}

ul.triggers { 
    position:relative; 
    /*top:310px;*/ 
    margin: 0 auto;
}

ul.triggers li { 
	display: inline-block;
    margin:0 auto; 
    cursor:pointer;
    color:#000; 
    
}

/************************************************************************************
CONTENT
*************************************************************************************/
h1.header1{
	display: none;
}
#content {
	
	padding: 10px 10px;	
	width: auto;
	height:auto;
	text-align:justify;
	color: #555555;	
	position:relative;
}

/* post */
/*.post {
	margin-bottom:5px;
	margin-top:20px;
}*/
.post-title {
	margin: 0 0 5px;
	/*padding: 5px 0 5px 0;*/
	/*font: bold 26px/120% Arial, Helvetica, sans-serif;*/
}
.post-title a {
	text-decoration: none;
	color: #000;
}
.post-meta {
	/*border:1px solid red;*/
	margin: 0 0 23px;
	font-size: 90%;
}

/* post image */
.post-image {
	/*margin: 0 auto 15px;*/
	/*border:1px solid gold;*/
	
}

.align_left,.align_left_lead{
	float:left;	
}

.align_right,.align_right_lead{
	float:right;
}

.align_left img,.align_left_lead img{	
	
	-webkit-box-shadow: 0 1px 3px rgba(0,104,115,.8);
	-moz-box-shadow: 0 1px 3px rgba(0,104,115,.8);
	box-shadow: 0 1px 3px rgba(0,104,115,.8);
}

.align_right img,.align_right_lead img{
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	
	-webkit-box-shadow: 0 1px 3px rgba(0,104,115,.8);
	-moz-box-shadow: 0 1px 3px rgba(0,104,115,.8);
	box-shadow: 0 1px 3px rgba(0,104,115,.8);
}

div.criteria {
	
	width:50%;
	float: left;
	margin: 5px 0 30px;
	display:inline-block;
}

.img a{
	color: #006873;	
}

div.img a.clickThumb {
    text-decoration: none;
    display:block;
    width: auto;
    height: auto;
    /*float: left;*/
    /*margin: 0 3px 3px 0;*/
    opacity: 1;
    
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    
    -ms-transform: scale(1,1);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
}

div.img a.clickThumb:hover {
    
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    
    -ms-transform: scale(1.05,1.07);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    
    position: relative;
    z-index: 99;
}

div.img
{
  /*margin: 5px;*/
  /*padding: 1px;*/
  /*position:relative;*/
/*  border: 1px solid #0000ff;*/
  height: auto;
  width: auto;
  float: left;
  /*text-align: center;*/
}	
div.img img
{
  display: inline-block;
  margin: 1px;
  width:220px; 
  height:220px;
}

/*div.img a:hover img {border: 1px solid #e74e24;}*/

div.desc
{
  text-align:justify;
 /* border: 1px solid red;*/
  /*letter-spacing: 1px;*/
  font-weight: normal;
  font-size: 14px;
  width: 220px;
  height:auto;
  margin: 0 auto;
}

/************************************************************************************
CONTACT US(gmap API)
*************************************************************************************/
#map_canvas, .map_canvas {
		
		/*display:inline-block;*/
        width: auto;
        height: 500px;
        
        -webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.main_left{
	display:inline-block;
	width: 30%;
	left:0px;
	vertical-align:top;	
	background:#ffffff;
	/*border:1px solid red;*/
}

.main_right{
	display:inline-block;
	width: 68%;
	padding: 0 auto;
	text-align:center;
}

.contact-text{

	text-align:justify;
	
	padding-right:50px;
	padding-left: 75px;
	margin-top: 10px;
}

.main_left img{
	-webkit-box-shadow: 0 1px 3px rgba(0,104,115,2);
	-moz-box-shadow: 0 1px 3px rgba(0,104,115,2);
	box-shadow: 0 1px 3px rgba(0,104,115,2);
}

header.contact{
	text-align:left;
	padding-left:12%;
	position:inherit;
	/*border:1px solid red;*/
	
}



.form_contact{
	display:inline-block;
	height: 101%; 
	font-size: 62.5%; 
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif; 
	color: #333; 
	padding-top: 10px;
		
	
}

a.cont_address{
	color: #026acb;
	text-decoration: none;
	outline: none;	
}

a.cont_address{
	text-decoration:underline;
}

.captcha {
	position:relative;
}

/** the form elements **/
#contact-form { box-sizing: border-box; }

/*#contact-form input, #contact-form textarea {
	width: 100%;
	display: block;
}*/

#contact-form .txtinput { 
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 20px;
font-size: 1.55em;
padding: 11px 25px;
padding-left: 55px;
width: 100%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#contact-form .txtinput:focus { 
color: #333;
border-color: rgba(0, 104, 115, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 104, 115, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 104, 115, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 104, 115, 0.6);
outline: 0 none; 
}

#contact-form input#name {
background: #fff url(../images/ContactUS/flat-user.png) 5px 4px no-repeat;
}
#contact-form input#email {
background: #fff url(../images/ContactUS/flat-email.png) 5px 4px no-repeat;
}
#contact-form input#msgTitle {
background: #fff url(../images/ContactUS/flat-message-title.png) 5px 4px no-repeat;
}
#contact-form input#employee {
background: #fff url(../images/ContactUS/flat-message-title.png) 5px 4px no-repeat;
}
#contact-form input#company {
background: #fff url(../images/ContactUS/flat-office.png) 5px 4px no-repeat;
}
#contact-form input#phone {
background: #fff url(../images/ContactUS/flat-phone.png) 5px 4px no-repeat;
}

#contact-form textarea {
resize:none;
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 15px;
font-size: 1.5em;
padding: 11px 25px;
padding-left: 55px;
width: 100%;
height: 100px;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#contact-form textarea:focus {
color: #333;
border-color: rgba(0, 104, 115, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 104, 115, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 104, 115, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 104, 115, 0.6);
outline: 0 none; 
}
#contact-form textarea.txtblock {
background: #fff url(../images/ContactUs/flat-message.png) 5px 4px no-repeat;
}

#contact-form #slider { width: 60%; }

#contact-form #aligned { 
	box-sizing: border-box; 
	float: left; 
	width: 450px; 
	margin-right: 50px; 
}
#contact-form #aside {
	float: left;
	width: 250px;
	padding: 0;
	box-sizing: border-box;
}

#wrapping { width: 100%; box-sizing: border-box; }

	span.radiobadge { display: block; margin-bottom: 8px; }
	span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; }
	
	select.selmenu {
	font-size: 17px;
	color: #676767;
	padding: 9px !important;
	border: 1px solid #aaa;
	width: 200px;
}

/** custom buttons **/

#buttons {
	 float:left;
	/*display: block;*/ 
	padding-top: 10px; 
}

#buttons #resetbtn {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	
	background-color: #fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #057fd0;
	cursor:pointer;
	color:#ffffff;
	font-family: FontAwesome,verdana;
	font-size:15px;
	font-weight:lighter;
	/*padding-bottom: 10px auto;*/
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;	
	width: 120px;
}

#buttons #resetbtn:hover {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	color: #818181;
	background-color: #fff;
	background-image: -moz-linear-gradient(top,  rgb(255,255,255) 2%, rgb(244,244,244) 2%, rgb(229,229,229) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(244,244,244)), color-stop(100%,rgb(229,229,229)));
	background-image: -webkit-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%);background-image: -o-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: -ms-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	border-color: #aeaeae;
	box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
}

#buttons #submitbtn, #buttons #submitbtn2  {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	
	background-color:#33bdef;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #057fd0;
	cursor:pointer;
	color:#ffffff;
	font-family: FontAwesome,verdana;
	font-size:14px;
	font-weight:lighter;
	/*padding-bottom: 10px;*/
	margin-top: 5px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;	
	width: 148px;
	padding: 8px;
	
}

#buttons #submitbtn:hover, #buttons #submitbtn:active,#buttons #submitbtn2:hover, #buttons #submitbtn2:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}

.message {
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:15px;
	text-align:left;
	width:100%;
	padding:15px 15px;
	display:none;
	/*border: 1px solid red;*/
	
}

.loader {
	background:url(../images/ContactUs/form/ajax-loader.gif) no-repeat center left;
	background-position-y: 20px;
	
}

/*background: url(../images/Menu/caret.png) no-repeat;*/

.success {
	background:url(../images/ContactUs/form/success.png) no-repeat center left;
	color:green;
	
}

.error {
	background:url(../images/ContactUs/form/error.png) no-repeat center left;
	color:red;
}

.black{
	text-align:left;
	color:#555555;
	padding-bottom: 5px;	
}

.txtinput-error{
color: #333;
border-color: rgba(255, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 0, 0, 0.6);

-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 0, 0, 0.6);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 0, 0, 0.6);
-ms-box-shadow:  0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 0, 0, 0.6);

outline: 0 none; 
}
/************************************************************************************
About US/Services
*************************************************************************************/
#parent_container{
	 display: block;
     width: auto;
     height: auto;
     background: yellow;
     padding: 10px;
     margin: 50px auto;
     
}
       
.main_content{	
	float: left;
    width: 70%;
    display: block;
    height: 100%;
    text-align:justify;
    /*border:1px solid red;*/   
}

.sideNav{	
	float:right;
	width:20%;
	height:auto;
	background:white;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,104,115,2);
	-moz-box-shadow: 0 1px 3px rgba(0,104,115,2);
	box-shadow: 0 1px 3px rgba(0,104,115,2);
	padding:5px;
	margin-bottom:10px;	
}

.sideNav img{	
	width:auto;
	height: auto;
}

.sideThumb{
	height: 10%;
    margin: 0 0 2px 0;
    text-align: center;
    position:relative;
    display:block;
    overflow: hidden;  
}

.sideThumb a{
	display: block;
	opacity: 1;
	
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    
    -ms-transform: scale(1,1);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
}

.sideThumb a:hover{
	-webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    
    -ms-transform: scale(1.05,1.07);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
 
    position: relative;
    z-index: 99;
}

.sideThumb:last-child {
     margin: 0;
 }
 
.sideNav a {
    text-decoration: none;
    display:block;
    width: auto;
    height: auto;    
}

.showCaption{
	border:3px solid #006873;
}

.showCaption .thumb_caption{
	bottom:4px;
	left: 0;
	opacity: 1;
}
	
.sideThumb:hover figcaption{
	opacity: 1;
}

.sideThumb:hover:before {
 opacity: 0;
}

.thumb_caption:before {  bottom: 10px; left: 10px; }
.thumb_caption { bottom: 5px; left: -30%; }
.cap-left:hover figcaption{ left: 0; }

/**************INDEX.html**********************************/

.clickThumb { 
  display: block; 
  position: relative; 
  float: left; 
  overflow: hidden;
   
  /*margin: 0 0 px 0;*/
}

figcaption { 
  width:100%;
  position: absolute; 
  background: rgba(0,104,115,0.75);
  color: white; 
  padding: 10px 6px; 
  opacity: 0;
  
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  -ms-transition:     all 0.6s ease;
  transition:      	  all 0.6s ease;
}

.clickThumb:hover figcaption {
  opacity: 1;
}

.clickThumb:hover:before {
  opacity: 0;
}

.cap-bot:before { bottom: 0; left: 2px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom:5px; }

/***************************************************/
/*bottom thumbs about us*/
/***************************************************/

.bot_img_profile
{
  
  height: auto;
  width: auto;
  float: left;
  /*text-align: center;*/
}	
.bot_img_profile img
{
  display: inline-block;
  /*margin: 1px;*/
  width:215px; 
  
  
  -webkit-box-shadow: 0 1px 3px rgba(0,104,115,2);
  -moz-box-shadow: 0 1px 3px rgba(0,104,115,2);
   box-shadow: 0 1px 3px rgba(0,104,115,2);
}

.widget_profile{
	background: #fff;
	margin: 0 0 10px;
	padding: 10px 6px;
}

/*.bot_img_profile img:hover{
	cursor:pointer;	
}*/

/************************************************************************************
Services - Analytical
*************************************************************************************/
#wrapper-bullet {

    display: table;
    table-layout: fixed;
    
    width:100%;
    height:100px;
    padding-left: 5px;
    /*background-color:Gray;*/
}
#wrapper-bullet div {
    display: table-cell;
    height:100px;
}

.bullet-content{
	font-size: 15px !important;
	padding: 5px 10px 5px 10px;
}


/************************************************************************************
Ethics
*************************************************************************************/
.hidden-input{
	display: none;
}
/************************************************************************************
SIDEBAR
*************************************************************************************/

#sidebar {
	position:inherit;
	width: 280px;
	float: right;
	margin: 30px 0 30px;
	/*z-index: -1;*/
}

.widget {
	background: #fff;
	margin: 0 0 10px;
	padding: 10px 10px;
	
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	
	opacity:0.8;*/
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	clear: both;
	margin: 5px auto;
	/*background-color: #1a1a1a;*/
	width:100%;
	font-size: 85%;
	color:#2c2c2c;
	border-top: 5px solid #006873;
	bottom:0;
}
.curser_pointer a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}

.hide{
	color: white;

}

.hide:hover{
	color: black;
}

	
/*#footer a:hover {
	text-decoration: underline;   	
}*/

ul.footer_content{
    margin: 5px auto;
    padding: 0;
    width: 970px;
    
}

/************************************************************************************
Navigation for Footer
*************************************************************************************/
nav{
	margin:0 auto;
	padding:0px;
	height:40px;
	width:100%;
	font-size:10pt;
	position:relative ;
}

nav ul{
	padding:0;
	margin:0 auto;
	width:440px;
	height:40px;
}

nav li {
	display: inline;
}

.nav_bar:before,
.nav_bar:after {
	content:" ";
	display: table;
}

.nav_bar:after {
	clear:both;
}

.nav_bar {
	*zoom:1;
}

nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align:center;
	text-decoration:none;
	line-height:40px;
}

nav li a{
	color: #2c2c2c;
	text-decoration: none;
	position: relative;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
	transition: all 0.3s ease-in;
}

nav a:hover,
nav a:active {
  color: #006873;
  text-decoration:underline;
}
 
.nav_bar ul li.active a {
  color: #0018ff;
}

/*****************************************************************************/
#navmenu_footer {
  width: auto;
  position:relative;
}
#navmenu_footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  /*display: block;*/
  zoom: 1;
  width:600px;
  border: 1px solid red;
}
#navmenu_footer ul:after {
  content: ' ';
  /*display: block;*/
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#navmenu_footer ul li {
  float: left;
  display: block;
  padding: 0;
}
#navmenu_footer ul li a {
  color: #2c2c2c;
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
#navmenu_footer ul li a:hover {
  color: #006873;
}
#navmenu_footer ul li a:hover:before {
  width: 100%;
}
#navmenu_footer ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: -3px;
  top: 18px;
  height: 6px;
  width: 6px;
  background: #2c2c2c;
  opacity: .5;
}

#navmenu_footer ul li.active a {
  color: #0018ff;
}
#navmenu_footer ul li.active a:before {
  width: 100%;
}

/************************************************************************************
Navigation Menu
*************************************************************************************/
	#cssmenu {
	  position:relative;
	  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	  font-size: 12px;
	  line-height: 15px;
	  text-transform: uppercase;
	  text-align: left;	  
	  
	  z-index: 2;
	}

	#cssmenu > ul {
	  width: 100%;
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	  	   
	  background: #ffffff;
	  border: 1px solid #ece6e8;
	  border-bottom: 3px solid #d9ced2;
	  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  -o-border-radius: 2px;
	  border-radius: 2px;
	  
	  /* rounded corner */
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		
	  /* box shadow */
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		box-shadow: 0 1px 3px rgba(0,0,0,.4);
		
		opacity:0.8;		
	    
	}
	#cssmenu > ul li#responsive-tab {
	  display: none;
	}
	
	#cssmenu > ul li {
	  display: inline-block;
	  *display: inline;
	  zoom: 1;
	}
	#cssmenu > ul li.right {
	  float: right;
	}
	#cssmenu > ul li.has-sub {
	  position: relative;
	  
	}
	#cssmenu > ul li.has-sub:hover ul {
	  display: block;
	}
	#cssmenu > ul li.has-sub ul {
	  display: none;
	  width: 120px;
	  position: absolute;
	  margin: 0;
	  padding: 0;
	  list-style-type: none;
	  background: #ffffff;
	  border: 1px solid #ece6e8;
	  border-bottom: 3px solid #d9ced2;
	  border-top: 0 none;
	  z-index: 99;
	  
	}
	#cssmenu > ul li.has-sub ul li {
	  display: block;
	
	}
	#cssmenu > ul li.has-sub > a {
	  background-image: url(../images/Menu/caret.png);
	  background-repeat: no-repeat;
	  background-position: 90% -95%;
	}
	#cssmenu > ul li.has-sub > a.active,
	#cssmenu > ul li.has-sub > a:hover {
	  background: url(../images/Menu/caret.png) no-repeat;
	  background-position: 90% 195%;
	}
	
	#cssmenu > ul li a {
	  display: block;
	  padding: 12px 24px 11px 24px;
	  text-decoration: none;
	  color:#232323;
	    
	  font-weight: 700;
	  text-transform: uppercase;
	  position: relative;
	  -webkit-transition: color .25s;
	  -moz-transition: color .25s;
	  -ms-transition: color .25s;
	  -o-transition: color .25s;
	  transition: color .25s;
	  
	  transition: all 0.3s ease-in;
	}
	
	#cssmenu ul li a:hover {
	  color: #006873;
	}
	
	#cssmenu ul li a:hover:before {
	  width: 100%;
	}
	
	#cssmenu ul li.active a {
	  color: #0018ff;
	  /*border-bottom: 3px solid #0018ff;*/	  
	}
	
	/*#cssmenu ul li.active a:hover {
	  border-bottom: 3px solid white;	  
	}*/
	
	/*#cssmenu ul li.active a:before {
	  width: 100%;
	}*/
	
	#cssmenu ul li a:before {
	  content: '';
	  display: block;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  height: 3px;
	  width: 0;
	  background: #0018ff;

	  -webkit-transition: width .25s;
	  -moz-transition: width .25s;
	  -ms-transition: width .25s;
	  -o-transition: width .25s;
	  transition: width .25s;
	}
	
	span.active{
		color: #0018ff;	
	}


/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }