/*

Title:		myHosting CSS File 

Author:		imediapixel@gmail.com

*/



/*--------------------------------------------------------------------

  Import CSS Framework File

----------------------------------------------------------------------*/

@import url("framework.css");

@import url("prettyPhoto.css");



body {

  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 

  font-weight: normal; 

  font-size: 13px;

  color: #787878;  

  -webkit-font-smoothing: antialiased; 

  line-height: 22px;

  background-color: #f8f8f8;

}



/*--------------------------------------------------------------------

  Typography

----------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {

  font-family:'Open Sans', Arial, sans-serif; 

  font-weight:600;

  color:#555555;

  letter-spacing: -1px;

}



h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {

  font-weight:inherit;

}



h1 {

  font-size:36px;

  margin:0 0 15px;

  padding:0;

}



h2 {

  font-size:30px;

  margin:0 0 15px;

  padding:0;

}



h3 {

  font-size:24px;

  margin:0 0 12px;

  padding:0;

}



h4 {

  font-size:18px;

  margin:0 0 12px;

  padding:0;

}



h5 {

  font-size:16px;

  margin:0 0 10px;

  padding:0;

}



h6 {

  font-size:14px;

  margin:0 0 10px;

  padding:0;

}



p {

  line-height:21px;

  margin:0 0 14px;

}



sup,sub {

  height:0;

  line-height:1px;

  vertical-align:baseline;

  position:relative;

}



sup {

  bottom:1px;

}



sub {

  top:1px;

  font-size:.6em;

}



em {

  font-style:italic;

}



strong {

  font-weight:700;

}



small {

  font-size:80%;

}

	

/* Blockquotes */

blockquote,blockquote p {

  font-size:15px;

  font-family:Georgia, "Times New Roman", Times, serif;

  line-height:22px;

  color:#9c9c9c;

  font-style:italic;

}



blockquote {

  background-image:url(../images/quote.png);

  background-repeat:no-repeat;

  background-position: 100% 5px;

  font-style:italic;

  padding-top:6px;

  padding-left: 6px;

  float:left;

}



blockquote cite {

  display:block;

  font-size:12px;

  color:#555;

}



blockquote cite:before {

  content:"\2014 \0020";

}



blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {

  color:#555;

}



blockquote span {

  width:15px;

  display:inline-block;

}



hr {

  border:0;

  border-top:1px solid #999;

  height:2px;

  width:100%;

  text-align:left;

  margin:20px 0;

}

		

/* Pullquotes */

.pullquote_right,.pullquote_left {

  color:#9c9c9c;

  float:right;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-size:15px;

  letter-spacing:0;

  margin-bottom:0;

  margin-top:3px;

  margin-left:10px;

  padding-left:15px;

  width:40%;

  font-style:italic;

  line-height:1.4em;

  border-left:2px solid #ccc;

}



.pullquote_left {

  border-right:2px solid #ccc;

  border-left:none;

  float:left;

  margin-left:0;

  margin-right:10px;

  padding-left:0;

  padding-right:15px;

}



/* Links */

a:link,a:visited,a:active {

  color:#004B9C;

  text-decoration:none;

  outline:0;

}	

a:hover {

  color:#555555;

  text-decoration:none;

  outline:0;

}





/* Lists */

ul,ol {

  margin:0 0 20px;

}



ul {

  list-style:none outside;

}



ol {

  list-style:decimal;

}



ol,ul.square,ul.circle,ul.disc {

  margin-left:15px;

}



ul.square {

  list-style:square outside;

}



ul.circle {

  list-style:circle outside;

}



ul.disc {

  list-style:disc outside;

}



ul.star li {

  background:transparent url(../images/list-star.png) no-repeat 0 0px;

  padding:0 0 0 23px;

}



ul.arrow2 li {

  background:transparent url(../images/list-greenarw.png) no-repeat 0 0px;

  padding:0 0 0 23px;

}



ul.check li {

  background:transparent url(../images/list-check.png) no-repeat 0 1px;

  padding:0 0 0 23px;

}



ul.cross li {

background:transparent url(../images/list-cross.png) no-repeat 0 -2px;

padding:0 0 0 23px;

}



ul.gear li {

  background:transparent url(../images/list-gear.png) no-repeat 0 0px;

  padding:0 0 0 23px;

}



ul.pen li {

  background:transparent url(../images/list-pen.png) no-repeat 0 0px;

  padding:0 0 0 23px;

}



ul.arrow li {

  background:transparent url(../images/list-arrow.png) no-repeat 0 4px;

  padding:0 0 0 18px;

}





ul ul,ul ol,ol ol,ol ul {

  font-size:90%;

  margin:4px 0 5px 30px;

}



ul ul li,ul ol li,ol ol li,ol ul li {

  margin-bottom:6px;

}



li {

  line-height:16px;

  margin-bottom:8px;

}



ul.large li,li p {

  line-height:21px;

}



/* Images */

img {

  border:0;

  -ms-interpolation-mode:bicubic;

}



.max-image {

  width:100%;

  height:auto;

}



/* Video Container */

.video-container {

  position:relative;

  padding-bottom:51%;

  padding-top:30px;

  height:0;

  overflow:hidden;

  border:1px solid #ccc;

  margin:0 0 15px;

}



.video-container iframe,.video-container object,.video-container embed {

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:100%;

}



/* Buttons */ 

a.button {

  display:inline-block;

  font-family:'Open Sans', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 

  text-transform: uppercase;

  letter-spacing:-1px;

  color:#fff;

  cursor:pointer;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  text-decoration:none;

  margin:0 0 0px; /* 0 0 10px */

  font-weight: 600 !important;

  border: 1px solid #555555; 

  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; 

  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; 

  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.70);

}



a:hover.button {

  text-decoration:none;

}



.button.small {

  font-size:12px;

  font-weight:bold;

  padding:4px 22px;

}



.button.medium {

  font-size:14px;

  font-weight:bold;

  padding:6px 22px 8px 22px;

}



.button.large {

  font-size:16px;

  font-weight:bold;

  padding:9px 22px;

}



.button.gray {

  background-color:#353535;

  background: -moz-linear-gradient(top, #4e4e4e, #353535) !important;

  background: -webkit-linear-gradient(top, #4e4e4e, #353535) !important;

  background: -o-linear-gradient(top, #4e4e4e, #353535) !important;

}



.button.white {

  color:#666;

  background-color:#e1e1e1;

  background: -moz-linear-gradient(top, #efefef, #e1e1e1) !important;

  background: -webkit-linear-gradient(top, #efefef, #e1e1e1) !important;

  background: -o-linear-gradient(top, #efefef, #e1e1e1) !important; 

  border: 1px solid #D1D1D1;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.70);

}



.button.red {

  background-color:#e62727;

  background: -moz-linear-gradient(top, #ef4646, #e62727) !important;

  background: -webkit-linear-gradient(top, #ef4646, #e62727) !important;

  background: -o-linear-gradient(top, #ef4646, #e62727) !important;

  border: 1px solid #DE0000;

}



.button.orange {

  background-color:#ff5c00;

  background: -moz-linear-gradient(top, #ff7b31, #ff5c00) !important;

  background: -webkit-linear-gradient(top, #ff7b31, #ff5c00) !important;

  background: -o-linear-gradient(top, #ff7b31, #ff5c00) !important;

  border: 1px solid #c2612b; 

}



.button.blue {

  background-color:#0F7896;

  background: -moz-linear-gradient(top, #1294B8, #1185A6) !important;

  background: -webkit-linear-gradient(top, #1294B8, #1185A6) !important;

  background: -o-linear-gradient(top, #1294B8, #1185A6) !important;

  border: 1px solid #0E738F; 

}



.button.blue2 {

  background-color:#0E3053;

  background: -moz-linear-gradient(top, #0E3053, #1185A6) !important;

  background: -webkit-linear-gradient(top, #0E3053, #1185A6) !important;

  background: -o-linear-gradient(top, #0E3053, #1185A6) !important;

  border: 1px solid #0E738F; 

}



.button.green {

  background-color:#a2c437;

  background: -moz-linear-gradient(top, #b0d342, #a2c437) !important;

  background: -webkit-linear-gradient(top, #b0d342, #a2c437) !important;

  background: -o-linear-gradient(top, #b0d342, #a2c437) !important; 

  border: 1px solid #88A628;

}



/* Tables */

table {

  width:100%;

  margin:0 0 20px;

}



table th {

  color:#0D3050;

  text-shadow:0 1px 1px rgba(0,0,0,0.25);

 /* font-family:'Ubuntu', Georgia, Arial; */

  font-size:14px;

  letter-spacing:-1px;

  text-align:left;

  padding:12px;

}



table td {

  background-color:#f0f0f0;

  color:#828282;

  text-align:left;

  padding:12px;

    vertical-align:middle;

}



table td.highlight {

  color:#fff;

  font-weight:700;

}



.table-green table {

  border:1px solid #749707;

}



.table-green table tr th {

  background-color:#91bd09;

}



.table-cyan table {

  border:1px solid #389f9f;

}



.table-cyan table tr th {

  background-color:#46C7C7;

}



.table-purple table {

  border:1px solid #606;

}



.table-purple table tr th {

  background-color:purple;

}



.table-brown table {

  border:1px solid #630;

}



.table-brown table tr th {

  background-color:#804000;

}



.table-rosy table {

  border:1px solid #c15663;

}



.table-rosy table tr th {

  background-color:#F16C7C;

}



.table-gold table {

  border:1px solid #aa8012;

}



.table-gold table tr th {

  background-color:#D4A017;

}



.table-pink table {

  border:1px solid #b51a75;

}



.table-pink table tr th {

  background-color:#e22092;

}



.table-blue table {

  border:1px solid #008abe;

}



.table-blue table tr th {

  background-color:#00ADEE;

}



.table-yellow table {

  border:1px solid #cc9111;

}



.table-yellow table tr th {

  background-color:#ffb515;

}



.table-magenta table {

  border:1px solid #87013c;

}



.table-magenta table tr th {

background-color:#A9014B;

}



.table-orange table {

  border:1px solid #FF6600;

  width:700px;

  margin-left:auto;

  margin-right:auto;

}



.table-orange table tr th {

  background-color:#FF6600;

}



.table-red table {

  border:1px solid #b81f1f;

}



.table-red table tr th {

  background-color:#e62727;

}



.table-gray table {

  border:1px solid #525252;

}



.table-gray table tr th {

  background-color:#666;

}



.table-black table {

  border:1px solid #292929;

}



.table-white .table th {

  color:#666;

}



.table-white table {

  border:1px solid #ccc;

}



.table-white table tr th {

  background-color:#FFF;

}



table tr.even td,table tr.odd td {

  background-color:#fff;

}



table tr td.highlight,.table-black table tr th {

  background-color:#333;

}

		

/* Global Classes */

.alignleft {

  float:left;

  border:none;

  margin:5px 15px 5px 0;

}



.alignmiddle {

  vertical-align:middle;

  border:none;

  margin:5px 5px 15px 0;

}



.alignright {

  float:right;

  border:none;

  margin:5px 0 5px 13px;

}



.aligncenter {

  display:block;

  margin: 5px auto 15px;

}



.img-border {

  padding:8px;

  -moz-box-shadow:    0 0 4px #b8b8b8;

  -webkit-box-shadow: 0 0 4px #b8b8b8;

  box-shadow:         0 0 4px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

}



.img-border2 {

  padding:6px;

  -moz-box-shadow:    0 0 4px #b8b8b8;

  -webkit-box-shadow: 0 0 4px #b8b8b8;

  box-shadow:         0 0 4px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

}



.clear {

  clear:both;

}



.nopadding {

  padding:0;

}



.noindent {

  margin-left:0;

  padding-left:0;

}



.nobullet {

  list-style:none;

  list-style-image:none;

}



.block {

  display:block;

}



.hidden,.hide {

  display:none;

}

		

/* Highlight Text Styling */	

.highlighttext {

  color:#828282;

  font-family:Georgia, "Times New Roman", Helvetica, Arial, sans-serif;

  font-size:17px;

  font-weight:100;

  line-height:24px;

}

	

/* divider Styling */		

.divider {    

  width:100%;

  height:1px;

  margin: 15px 0 20px 0px;

  background-color:#e6e6e6;

  clear:both;

  display:block;

  float: left; 

}

.shadow-divider {    

  width:100%;

  height: 10px;

  margin: 30px 0px;

  background-image: url(../images/shadow-divider.png);

  background-position: center bottom;

  background-repeat: no-repeat;

  clear:both;

  display:block; 

}

		

/* Dropcap */

.dropcap1 {

  width:39px;

  height:39px;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-style:italic;

  background-image:url(../images/dropcap-circle.png);

  background-repeat:no-repeat;

  font-size:20px;

  color:#fff;

  text-align:center;

  float:left;

  margin:3px 8px 0 0;

  padding:6px 0 3px;

}



.dropcap2 {

  width:39px;

  height:39px;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-style:italic;

  background-image:url(../images/dropcap-square.png);

  background-repeat:no-repeat;

  font-size:20px;

  color:#fff;

  text-align:center;

  float:left;

  margin:3px 8px 0 0;

  padding:6px 0 3px;

}



.dropcap3 {

  font-family:Georgia, "Times New Roman", Times, serif;

  font-style:italic;

  font-size:32px;

  color:#4f4f4f;

  text-align:center;

  float:left;

  margin:-3px 9px 0 0;

  padding:5px 3px 0;

}

	

/* Custom Message Styling */

.info {

  color:#478BBF;

  background:#DCEFF5 url(../images/list-info.png) 17px 16px no-repeat;

  border:1px solid #B8E7F5;

  margin:15px 0;

  padding:14px 10px 15px 40px;

}



.success {

  color:#3F9153;

  background:#D7F7DF url(../images/list-check.png) 17px 16px no-repeat;

  border:1px solid #A3F7B8;

  margin:15px 0;

  padding:14px 10px 15px 40px;

}



.error {

  color:#C24848;

  background:#FFD6D6 url(../images/list-cross.png) 17px 16px no-repeat;

  border:1px solid #FFC2C2;

  margin:15px 0;

  padding:14px 10px 15px 40px;

}



.warning {

  color:#CF9E00;

  background:#FAF2D7 url(../images/list-warning.png) 17px 16px no-repeat;

  border:1px solid #FAE8AF;

  margin:15px 0;

  padding:14px 10px 15px 40px;

}

	

/* Toggle */

.toggle_wrapper {

  margin-bottom: 30px; 

}

.toggle {

  margin-bottom: 5px;

}

.toggle_title,

.accordion .tab {

	cursor:pointer;

	font-size:14px;    

	background: url(../images/faq-closed.png) 98% 50% no-repeat;

	background-color:#f0f0f0;

	border: 1px solid #d4d4d4;

	border-top: 1px solid #f1f1f1;

	border-left: 1px solid #eee;

	padding:8px 13px 10px 13px;

	clear:both;

}

.toggle_active, 

.accordion .tab.current {

	background: url(../images/faq-open.png) 98% 50% no-repeat;

  background-color:#f0f0f0;

}

.toggle_content,

.accordion .pane {

	background-color:#ffffff;

	border: 1px solid #d4d4d4;

	border-top: 1px solid #f1f1f1;

	border-left: 1px solid #eee;

	margin:0px 0px 5px 0px;

	padding:15px 18px 1px 18px;

  display: none;	

}



	

/* Tabs */

ul.tabs {

  display:block;

  margin-bottom:0;

  border-bottom:solid 1px #dbdbdb;

  height:40px;

  list-style:none;

  padding:4px 0 0 2px;

  float:left;

}



ul.tabs li {

  float:left;

  height:40px;

}



ul.tabs li a{

  display:block;

  height:38px;

  border-top:solid 1px #dfdfdf;

  border-left:solid 1px #dfdfdf;

  border-right:solid 1px #dfdfdf;

  color:#7d7b7b;

  -moz-border-radius-topleft:4px;

  -webkit-border-top-left-radius:4px;

  border-top-left-radius:4px;

  -moz-border-radius-topright:4px;

  -webkit-border-top-right-radius:4px;

  border-top-right-radius:4px;

  background:#f5f5f5;

  font-size:13px;

  text-decoration:none;

  border-width:1px 1px 0;

  margin:0 0 0 -1px;

  padding: 8px 14px 6px 14px;

  position:relative;

}



ul.tabs li.current a {

  position:relative;

  height:40px;

  top:-3px;

  padding: 12px 14px 4px 14px;

  background:#fff;

  border-bottom:none;

  color:#7d7b7b;

  -moz-border-radius-topleft:4px;

  -webkit-border-top-left-radius:4px;

  border-top-left-radius:4px;

  -moz-border-radius-topright:4px;

  -webkit-border-top-right-radius:4px;

  border-top-right-radius:4px;

  position:relative;

  z-index:10;

}



.panes {

  width:99.6%!important;

  margin:0px 0px 12px 1px;

  border-top:none;

  clear:both;

  background:#fff;

  border: solid 1px #dfdfdf;

  position:relative;

  float:left;

}



.panes:after {

  left: 4px;

  right: 4px;

  bottom: -5px;

}



.panes, .panes:before, .panes:after {

  background: #fff;

  border: 1px solid #dfdfdf;

}



.pane {

  padding:12px 18px 10px;

}



.pane p {

  padding-top:5px;

}



.pane img {

  margin-top: 10px;

}



/* Accordion

---------------------------------------------------------- */

.accordion {

	margin-bottom:20px;

}



/***** Code Styling *****/

pre {

  clear:both;

  font:11px Consolas, "Andale Mono", Courier, "Courier New", monospace;

  background:url(../images/pre_bg.gif) repeat;

  border:1px solid #d3d3d3;

  line-height:19px;

  overflow:auto;

  overflow-y:hidden;

  color:#555;

  margin:0 0 20px;

  padding:18px 20px 15px;

}



/* Code Styling */

pre {

  clear:both;

  font:11px Consolas, "Andale Mono", Courier, "Courier New", monospace;

  background:url(../images/pre_bg.gif) repeat;

  border:1px solid #d3d3d3;

  line-height:19px;

  overflow:auto;

  overflow-y:hidden;

  color:#555;

  margin:0 0 20px;

  padding:18px 20px 15px;

}



/* Google Map */

.google-map{

	overflow: hidden;

  padding: 10px 10px 4px 10px !important;

  -moz-box-shadow:    0 0 4px #b8b8b8;

  -webkit-box-shadow: 0 0 4px #b8b8b8;

  box-shadow:         0 0 4px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;;

}



/* Hightlight */

.highlight-purple {padding:1px 4px;background-color:#770477;color:#ffffff;}	

.highlight-brown{padding:1px 4px;background-color:#753b02;color:#ffffff;}

.highlight-pink{padding:1px 4px;background-color:#da6371;color:#ffffff;}	

.highlight-green{padding:1px 4px;background-color:#84ac0a;color:#ffffff;}

.highlight-blue{padding:1px 4px;background-color:#029dd8;color:#ffffff;}

.highlight-yellow{padding:1px 4px;background-color:#e7a515;color:#ffffff;}

.highlight-red{padding:1px 4px;background-color:#d12525;color:#ffffff;}	





/*captions*/

.wp-caption{ max-width: 100% !important; }

.wp-caption{

	border:1px solid #ddd; 

	text-align:center; 

	background-color:#f3f3f3; 

	padding-top:4px; 

	margin:10px; 

	-moz-border-radius:3px; 

	-khtml-border-radius:3px; 

	-webkit-border-radius:3px; 

	border-radius:3px;

}

.wp-caption img{

	margin:0; 

	padding:0; 

	border:0 none;

	max-width: 100$;

}

.wp-caption p.wp-caption-text{

	font-size:11px; 

	line-height:17px; 

	padding:0 4px 5px; 

	margin:0;

}



/*smiley reset*/

.wp-smiley{

	margin:0 !important;

	max-height:1em;

}



/*-----------------------------------------------------------------------------------*

/* = WordPress Styles

/*-----------------------------------------------------------------------------------*/



/*sticky*/

.sticky{}



/*gallery captio*/

.gallery-caption{}



/*by post author*/

.bypostauthor{}



.columns .last {

  padding-right: 0 !important;

  float: right;

}



/*--------------------------------------------------------------------

  Pricing Table

----------------------------------------------------------------------*/

.pricing-wrapper {

  padding: 0 0 10px;

  float: left;

  width: 100%;

}



.pricing-wrapper .pricing-column:first-child {

  margin-left:1px;

}



.pricing-column {

  width:25%;

  margin:20px 0px 25px 0px;

  background-color:#333333;

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

  -moz-box-shadow:0 0 8px rgba(0,0,0,.25);

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

  float:left; 

}

.third-col .pricing-column {

  width:33.3%;

}

.fourth-col .pricing-column {

  width:25%;

}

.fifth-col .pricing-column {

  width:20%;

}

.six-col .pricing-column {

  width:16.67%;

}

.pricing-column:first-child {

  -webkit-border-top-left-radius: 5px;

  -webkit-border-bottom-left-radius: 5px;

  -moz-border-radius-topleft: 5px;

  -moz-border-radius-bottomleft: 5px;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

}

.pricing-column:last-child {

  -webkit-border-top-right-radius: 5px;

  -webkit-border-bottom-right-radius: 5px;

  -moz-border-radius-topright: 5px;

  -moz-border-radius-bottomright: 5px;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  margin-left: -1px !important;

}

.pricing-title {

  color:#ffffff;

  text-shadow:0px 1px 1px #323232;

  text-align:center;

  padding:10px 0 0;

}


.pricing-price {

  background-color:#555555;

  background-image: url(../images/price-glow.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  border-top:1px solid #666666;

  text-align:center;

  padding:20px 0 10px;

}

.pricing-price h1 {

  color:#fff;

  text-shadow:0px 1px 1px #323232;

  margin-bottom: 6px;

}



.pricing-price span {

  color:#ffffff;

  text-shadow:0px 1px 1px #323232;

  font-style:italic;

  font-family:Georgia, "Times New Roman", Times, serif;

  line-height:18px;

  margin-bottom: 0 !important;

  font-size: 12px;

  font-weight: normal;

}



.pricing-feature {

  width:100%;

  background-color:#fff;

  text-align:center;

  margin:0 auto;

  padding:0 ; /* 8% */

}

.pricing-feature ul {

  margin: 0 !important;

}

.pricing-feature li {

  font-family:Tahoma, Geneva, sans-serif;

  border-bottom:1px solid #e4e4e4;

  margin:0;

  padding:10px 8px;

  color: #868686;

}

.pricing-feature li:last-child {

  border: none;

}

.pricing-description {

  padding: 10px;

  color: #ffffff;

  text-align: center;

  font-style: italic;

  border-bottom:1px solid #333333;

  background-color: #cacaca;

  text-shadow: 0px 1px 1px #868686;

}

.pricing-button {

  text-align:center;

  margin-top:-1px;

  background-color:#e4e4e4;

  border-top:1px solid #e4e4e4;

  padding:20px 0 10px;

}



.feature-package {

  position:relative;

  z-index:100;

  margin:10px -1px 0 0px !important;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.feature-package .pricing-title {

  padding: 10px 0 6px;

  font-size: 20px;

}

.feature-package .pricing-price {

  padding:20px 0 14px;

}

.feature-package .pricing-title,

.feature-package .pricing-price h1 span {

  color: #ffffff;

}

.feature-package .pricing-button {

  padding:18px 0 18px;

}



.feature-package .pricing-button a {

  margin-top:5px;

}



.brown-pr {

  background-color:#812602;

}



.brown-pr .pricing-price {

  background-color:#b3470b;

  border-top:1px solid #c9500c;	

}



.orange-pr {

  background-color:#e25100;

}



.orange-pr .pricing-price {

  background-color:#fe6c1a;

  border-top:1px solid #FF7F36;	

}



.white-pr .pricing-price {

  background-color:#F5F5F5;

}

.white-pr {

  background-color:#ACACAC;

}



.green-pr {

  background-color:#779710;

}



.green-pr .pricing-price {

  background-color:#9ec032;

  border-top:1px solid #ABC947;	

}



.blue-pr {

  background-color:#005A73;

}



.blue-pr .pricing-price {

  background-color:#0F7896;

  border-top:1px solid #118AAB;	

}



.red-pr {

  background-color:#9C0909;

}



.red-pr .pricing-price {

  background-color:#BA0000;

  border-top:1px solid #CF0000;	

}



.orange-pr .pricing-title, .orange-pr .pricing-price p,

.green-pr .pricing-title, .green-pr .pricing-price p,

.blue-pr .pricing-title, .blue-pr .pricing-price p,

.red-pr .pricing-title, .red-pr .pricing-price p {

  color:#ffffff;

}



/*--------------------------------------------------------------------

  Navigation

----------------------------------------------------------------------*/

#navigation{

  margin-top: 5px;

}

.menu-icon {

  display: none;

}

.select-menu { display: none }

.sf-menu,

.sf-menu * {

    margin: 0;

    padding: 0;

    list-style: none;

}

.sf-menu {

	line-height: 1.0;

}

.sf-menu ul {

    position: absolute;

    top: -999em;

    width: 180px;

}

.sf-menu ul li {

	width: 100%;

}

.sf-menu li:hover {

    visibility: inherit;

}

.sf-menu li {

  float: left;

  position: relative;

	margin: 0 18px 0 0;

  padding-right: 3px;    

}

.sf-menu li:last-child {

	margin-right: 0 ;

}

.sf-menu a {

    display: block;

    position: relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

    left: 0px;

    top: 50px; /* match top ul list item height */

    z-index: 99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul { top: -999em }

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

    left: 100px; /* match ul width */

    top: 1px;

}

/*** navigation skin ***/

.sf-menu {

  float: right;

}

.sf-menu a {

	font-size: 14px;

	height: 50px;

	line-height: 50px;

	font-weight: bold;

  color: #ffffff;

  text-decoration: none;

  font-weight: 400;  

  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

}

.sf-menu a:hover {

  color: #FF6600;

}

.sf-menu a:active {

  color: #FF6600;

}

.sf-menu a{

  color: #062037;

}

.sf-menu .selected > a{

	color: #FF6600;

}

.sf-menu li.sfHover > a{

  color: #FF6600;

}



/*Subs*/

.sf-menu ul{

	padding: 12px 0 0 0;

  background-image: url(../images/topmenu.png);

  background-position:  0 0;

  background-repeat:  no-repeat;

}

.sf-menu ul a{

	margin: 0px;

	height: auto;

	padding: 8px 12px 8px 15px;

  border-bottom: 1px solid #ffffff;

  background: #fafafa url(../images/bg-dropdown.png) bottom left repeat-x;

  display: block;

  z-index: 99999;

  font-size: 13px;

  color: #555555 !important;

  height: 100%;

  line-height: 18px;

}

.sf-menu ul a:hover{

	color: #003F82 !important;

}

.sf-menu ul ul a{

	border-bottom: 1px solid #ffffff;

}

.sf-menu ul ul li:last-child a{

	border-bottom: none !important;

}



.sf-menu ul ul {

  background: none;

  padding-top: 0px;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

    padding-right: 2.25em;

    min-width: 1px;

}

.sf-sub-indicator {

  position: absolute;

  display: block;

  top: 50%;

  margin-top: 0px;

  right: .95em;

  width: 12px;

  height: 12px;

  text-indent: -999em;

  overflow: hidden;

	background: url(../images/menu-arrow.png) no-repeat;

	opacity: 0.8;

}

a:focus >.sf-sub-indicator,

a:hover >.sf-sub-indicator,

a:active >.sf-sub-indicator,

li:hover >a >.sf-sub-indicator,

li.sfHover >a >.sf-sub-indicator {

	opacity: 1;

}

/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator {

	top: 50%;

	margin-top: -2px;

	background: url('../images/menu-arrow-right.png') no-repeat;

	opacity: 0.8;

}

.sf-menu ul a:focus >.sf-sub-indicator,

.sf-menu ul a:hover >.sf-sub-indicator,

.sf-menu ul a:active >.sf-sub-indicator,

.sf-menu ul li:hover >a >.sf-sub-indicator,

.sf-menu ul li.sfHover >a >.sf-sub-indicator {

	opacity: 1;

	color: #FF6600;

}



/*no text menu items*/

.sf-menu .no-text > a{

	text-indent: -9999px;

	background-position: center center !important;

}



.menudesc {

  clear: both;

  display: block;

  font-size: 11px;

  color: #CCD5DE;

  margin-top: -16px;

}



/*--------------------------------------------------------------------

  Flex Slider

----------------------------------------------------------------------*/

#slider {

  width: 100%;

  max-width: 940px;

  height: 100%;

  max-height: 328px;    

  margin-left: auto;

  margin-right: auto;

  position:relative;

}

/* Browser Resets */

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

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

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

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

.flexslider {margin: 0; position: relative; zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}



.carousel li {margin-right: 5px}




/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }

.flex-direction-nav .flex-prev {left: -36px;}

.flexslider:hover .flex-next {opacity: 0.8; right: -26px;}

.flexslider:hover .flex-prev {opacity: 0.8; left: -26px;}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}

.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}

.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



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

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}

  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

}



/* custom slideshow text */



.flexslider .slides li ul {

  margin: 0 0 20px 0!important; 

}

.flexslider .slides li li {

  background:transparent url(../images/list-check.png) no-repeat 0 3px;

  padding:0 0 0 23px;

  font-size: 14px;

  color: #ffffff;

  line-height: 22px !important;

  margin-bottom: 0 !important;  

}

.flexslider .slides li h1,

.flexslider .slides li h2,

.flexslider .slides li h3,

.flexslider .slides li li,

.flexslider .slides li p {

  color: #ffffff;

}

.flexslider .slides li li,

.flexslider .slides li p {

  color: #E1EDFA;

  font-size: 14px !important;

}



.text-left {

  float: left;

  width: 440px;

  margin: 60px 0 0 20px;

}

.text-left h2 {

  line-height: 32px;

}

.text-right p {

  font-size: 14px !important;

}

.text-right {

  width: 480px;

  float: right;

  text-align: left;

  margin: 80px 0 0 0;

}

.text-right h2 {

  line-height: 32px;

}

.image-right {

  width: 415px;

  float: right;

  margin: 30px 30px 0;

}

.image-left {

  width: 400px;

  float: left;

  margin: 68px 30px 0 30px;

}

.video-frame {

  display: block;

  text-align: left;

  margin: 40px 0 0 8px;

  height: 324px;

  max-width: 568px;

  padding: 8px;

  -moz-box-shadow:    inset 0 0 6px #b8b8b8;

  -webkit-box-shadow: inset 0 0 6px #b8b8b8;

  box-shadow:         inset 0 0 6px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

  float: left;

}

.video-text {

  width: 334px;

  float: left;

  margin: 34px 0 0 30px;

}

.video-text h2 {

  margin-bottom: 10px !important;

  line-height: 32px;

}

img.slide-full {

  display: block;

  text-align: center;

  margin: 40px 0 0;

  padding: 8px;

  margin-left: auto;

  margin-right: auto;

  -moz-box-shadow:    inset 0 0 6px #b8b8b8;

  -webkit-box-shadow: inset 0 0 6px #b8b8b8;

  box-shadow:         inset 0 0 6px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

  width: 100% !important;

  height: 100% !important;

  max-width: 768px !important;

  max-height: 324px !important;

}

.slide-shadow {

  background-image: url(../images/shadow1.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 959px;

  height: 39px;

  position: relative;

}

.slide-shadow2 {

  background-image: url(../images/shadow2.png);

  background-position: bottom center;

  background-repeat: no-repeat;

  width: 550px;

  height: 30px;

  float: left;

  position: relative;

  bottom: -9px;

}

.center-text {

  margin: 36px 0;

  text-align: center;

}

.center-text h2 {

  color: #ffffff;

  margin-bottom: 22px;

}

.center-text p {

  font-size: 16px !important;

  margin: 0 60px !important;

}

.center-text img {

   max-width: 568px;

   width: 100%;

   max-height: 256px;

   height: 100%;   

}

/*--------------------------------------------------------------------

  Header

----------------------------------------------------------------------*/

#top-wrapper {

  background-image: url(../images/header-wrapper-blue.jpg);

  background-position: top left;

  background-repeat: repeat-x;

  height: 521px;  

  width: 100%; 

}

#top-wrapper-inner {

  background-image: url(../images/header-wrapper-blue.jpg);

  background-position: top left;

  background-repeat: repeat-x;

  height: 220px;  

  width: 100%; 

}

/* Menu Bar */

#menubar {

  background-image: url(../images/menubar-blue.jpg);

  background-position: center center;

  background-repeat: repeat-x;

  height: 76px;  

  width: 100%;

}



/* Support and Help */

.operational,

.top_help {

  margin-top: 8px;

}

.operational p {

  color: #c6c6c6;

  margin-top: 10px;

  margin-bottom: 0;

  font-size: 12px;

}

.top_help ul {

  margin: 0;

  padding: 0;

  float: right;

}

.top_help li {

  float: left;

  margin-right: 8px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #555555;

  padding: 3px 5px 3px 0;

  color: #c6c6c6;

  font-size: 11px;

}

.top_help li a {

  color: #c6c6c6;

}

.top_help li.help {

  background-image: url(../images/help_icon.png);

  background-repeat: no-repeat;

  background-position: 5px 1px;

  padding-left: 28px;

}

.top_help li.chat {

  background-image: url(../images/chat_icon.png);

  background-repeat: no-repeat;

  background-position: 5px 2px;

  padding-left: 24px;

}

.top_help li.status {

  background-image: url(../images/status_icon.png);

  background-repeat: no-repeat;

  background-position: 5px 2px;

  padding-left: 28px;

}

.top_help li.phone {

  background-image: url(../images/phone_icon.png);

  background-repeat: no-repeat;

  background-position: 5px 1px;

  padding-left: 24px;

}

.top_help li.client-login {

  background-image: url(../images/client-login.png);

  background-repeat: no-repeat;

  background-position: 5px 3px;

  padding-left: 24px;

}

.top_help li.login {

  background-image: url(../images/user_login.png);

  background-repeat: no-repeat;

  background-position: 5px 2px;

  padding-left: 24px;

}



/* Logo */ 

#logo {

  margin-top: 13px;

}



/*--------------------------------------------------------------------

  Homepage 

----------------------------------------------------------------------*/

/* homepage Wrapper */

.homepage-content {

  padding: 30px 0 0;

}



/* Call to Action */

#call-to-action {

  background-color: #dfdfdf;

  border-top: 1px solid #ffffff;

  border-bottom: 1px solid #ffffff;

  padding: 18px 0 10px;

  float: left;

  width: 100%;

}

#call-to-action h3{

  margin-top: 8px;

  color: #868686 !important;

  text-shadow: 0 1px 1px #ffffff;

}

.call_action_btn {

  float: right;

}

/* Features Block */

#features-block {

  -moz-box-shadow:    inset 0 0 6px #b8b8b8;

  -webkit-box-shadow: inset 0 0 6px #b8b8b8;

  box-shadow:         inset 0 0 6px #b8b8b8;

  background-color: #f1f1f1;

  border-bottom: 1px solid #ffffff;

  padding: 16px 0 20px;

  text-align: center;

  float: left;

  width: 100%;

}

#features-block .flex-carousel {

  position: relative;

  max-width: 960px;

  margin: 0 auto;

}

#features-block .flex-carousel li {

  max-width: 220px;

  margin: 0 10px;

}

#features-block .flex-carousel .flex-control-nav {width: 100%; position: absolute; bottom: -14px; text-align: center;}

#features-block .flex-carousel .flex-control-nav li {margin: 0 4px !important; display: inline-block; zoom: 1; *display: inline;}

/*#features-block .flex-carousel a {bottom: 43%;text-indent: -9999px; opacity: 1;}*/

/* Center Heading Text and Image */

.heading-text {

  display: block;

  text-align: center;

  margin-bottom: 20px;

}

.heading-text p {

  font-size: 14px;

  color: #868686;

  margin: 0 10px;

}

.center-image {

  display: block;

  text-align: center;

  margin-bottom: 20px;

}

.center-image p {

  margin-bottom: 16px;

}

.center-image img {

  display: inline;

  margin: 0 10px 5px 10px;

}



/* Promo box */

.promobox {

  -moz-box-shadow:    inset 0 0 3px #a8a8a8;

  -webkit-box-shadow: inset 0 0 3px #a8a8a8;

  box-shadow:         inset 0 0 3px #a8a8a8;

  background-color: #ffffff;

  border: 1px solid #ffffff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  padding: 10px 0 0;

  margin: 15px 0 30px;

  float: left;

}

.promo_text p{

  margin-top: 8px;

  font-size:  14px;

}

.promo_contact {

  background-image: url(../images/box-divider.png);

  background-position: left top;

  background-repeat: no-repeat;

}

.promo_contact p {

  margin-top: 6px;

  margin-bottom: 4px;

  font-size: 14px;

  color: #989898;

}



/* Testimonials Styling */

.testi-container {

  width:100%;

  padding: 10px 12px 10px 12px; 

  background-position:top left;

  background-repeat:no-repeat;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  position:relative;

  float:left;

  -moz-box-shadow:    inset 0 0 3px #a8a8a8;

  -webkit-box-shadow: inset 0 0 3px #a8a8a8;

  box-shadow:         inset 0 0 3px #a8a8a8;

  background-color: #ffffff;

  border: 1px solid #ffffff;

}



.testi-baloon {

  width:100%;

  height:22px;

  margin:-3px 0px 4px 0px;

  background-image:url(../images/testi-baloon.png);

  background-repeat:no-repeat;

  background-position:43px 0px;

  position:relative;

  float:left;

  z-index:100;

}



.testi-text {

  width:100%;

  float:left;

  margin:0px;

  padding: 0 4px 0px 4px;

}



.testi-image{

  margin:-12px 10px 25px 74px;

  background-color:#ffffff;

  padding: 3px;

  border:1px solid #eaeaea;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  float:left;

}



.testi-image img{

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  float:left;

}



.testi-name {

  color:#4a4a4a;

  line-height:20px;

  font-family:'Ubuntu', Georgia, Arial;

  font-weight:700;

  font-size:14px;

  margin-top:0px;

  float:left;

}



.company-name {

  letter-spacing:0px;

  font-family:Georgia, "Times New Roman", Times, serif;

  font-weight:100;

  color:#a6a6a6;

  font-size: 12px !important;

  margin-top: -10px;

}

.sidebar .widgets .testi-image {

  margin-bottom: 5px !important;

}

.sidebar .widgets .testi-name {

  text-align: center !important;

  margin-left: 50px;

  margin-bottom: 0;

} 

/* Client List */

.client-list {

  display: block;

  text-align: center !important;

  width: 100%;

}

.client-list p,

.client-list h5 {

  text-align: left !important;

}

.client-list img {

  margin: 0 8px;

}

.client-list ul {

  display: block;

  text-align: center;

}

.client-list li {

  margin:0 15px 0 15px;

  height: 70px;

  display: inline;

}





/*--------------------------------------------------------------------

  Page Heading 

----------------------------------------------------------------------*/

#page-bar {

   background-color: #f1f1f1;

   border-top: 1px solid #ffffff;

   border-bottom: 1px solid #ffffff;

   padding: 10px 0 10px;

   float: left;

   width: 100%; 

   -webkit-box-shadow: 0 2px 2px 0 #cacaca;

   -moz-box-shadow: 0 2px 2px 0 #cacaca;

    box-shadow: 0 2px 2px 0 #cacaca;

}



#page-heading {

  margin: 40px 0 24px;

}

.page-title {

}

.page-title h2 {

  color: #ffffff;

}



/* Search Box */

.search-box {

  float: right;

}

.search-box .input-search {

  border: 1px solid #003773;

  background-color: #001E3D !important;

  background-image: url(../images/search-icon.png);

  background-position: 10px 50%;

  background-repeat: no-repeat;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

  padding: 4px 10px 4px 30px;

  width: 180px;

  height: 34px;

  color: #c8c8c8;

  text-align: left;

}



/* Breadcrumbs */

.breadcrumbs {

  display: block;

}

.breadcrumbs span,

.breadcrumbs a,

.breadcrumbs-plus {

  color: #9a9a9a !important;

}



/*--------------------------------------------------------------------

  Main Content 

----------------------------------------------------------------------*/

/* Content Wrapper */

.content {

  margin: 30px 0 !important;

}

.main-content {

  margin-bottom: 20px;

}



/* Features List */

.features-list {

  text-align: center;

  width: 100%;

  margin-bottom: 30px !important;

}

.features-list li .four,

.features-list li .three,

.features-list li .six {

  padding-bottom: 20px;

  border-right:  1px solid #e6e6e6;

  border-top:  1px solid #e6e6e6;

}

.features-list li:last-child .four,

.features-list li:last-child .three,

.features-list li:last-child .six {

  margin-bottom: 20px; 

}

.features-list li:nth-child(3n+3) .four {

  border-right:  none !important;

}

.features-list li:nth-child(1) .four,

.features-list li:nth-child(2) .four,

.features-list li:nth-child(3) .four {

  border-top:  none !important;

}

.features-list li:nth-child(4n+4) .three {

  border-right:  none !important;

}

.features-list li:nth-child(1) .three,

.features-list li:nth-child(2) .three,

.features-list li:nth-child(3) .three,

.features-list li:nth-child(4) .three {

  border-top:  none !important;

}

.features-list li:nth-child(2n+2) .six {

  border-right:  none !important;

}

.features-list li:nth-child(1) .six,

.features-list li:nth-child(2) .six{

  border-top:  none !important;

}

.features-list li p,

.features-list li:nth-child(4) .three p {

  margin: 0 10px !important;

}



/*--------------------------------------------------------------------

  Sidebar

----------------------------------------------------------------------*/

aside {

  margin: 0 0 20px;

  width: 100%;

  float: left;

}

.sidebar {

  margin-bottom: 15px !important;

}

.sidebar li {

  background:transparent url(../images/list-arrow.png) no-repeat 0 6px;

  padding:0 0 8px 18px !important;

  margin: 8px 0 !important;

  border-bottom: 1px solid #e6e6e6;

}

.sidebar h5 {

  letter-spacing: normal;

  margin-bottom: 15px;

}



/*--------------------------------------------------------------------

  Portfolio Page

----------------------------------------------------------------------*/

.pf-box-1col {

  width: 100%;

  margin: 10px 0;

}

.pf-box-1col li {

  width: 98%;

  margin: 0px 15px 30px 15px;

  border-bottom:1px solid #d0d1d1;

  position: relative;

  float: left;

   -moz-box-shadow:    0 0 4px #b8b8b8;

  -webkit-box-shadow: 0 0 4px #b8b8b8;

  box-shadow:         0 0 4px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

  padding: 10px;

}

.pf-box-1col h4 {

  font-weight: 400;

  margin-bottom: 5px;

}

.pf-box-1col li img  {

  display: block;

  margin-bottom: 0;

}

.pf-box-1col p {

  margin-bottom: 0px;

}



.pf-box-3col {

  width: 100%;

  margin: 10px 0;

}

.pf-box-3col li {

  width: 30%;

  margin: 0px 15px 30px 15px;

  border-bottom:1px solid #d0d1d1;

  position: relative;

  float: left;

   -moz-box-shadow:    0 0 4px #b8b8b8;

  -webkit-box-shadow: 0 0 4px #b8b8b8;

  box-shadow:         0 0 4px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

  padding: 10px;

}

.pf-box-3col h4 {

  font-weight: 400;

  margin-bottom: 5px;

}

.pf-box-3col li img  {

  display: block;

  margin-bottom: 0;

}

.pf-box-3col p {

  margin-bottom: 0px;

}



/* Portfolio Filter */

#pf-filter ul {

  margin: 10px 0px 10px !important;

  display: block;

  text-align: center;

  float: right;

  margin-right: 10px !important;

}

#pf-filter .divider {

}

#pf-filter ul li {

  display: inline;

}



#pf-filter ul li a {

  color:#fff;

  text-decoration:none;

  font-size:12px;

  font-family:'Open Sans',Arial,Tahoma,Verdana;

  font-weight:bold;

  letter-spacing:-1px;

  color:#fff;

  margin: 0 8px;

  padding:10px 22px;

  line-height: 12px;

  text-align:center;

  text-transform:uppercase;

  display: inline-block;

  background-color:#b8b8b8;

  background: -moz-linear-gradient(top, #b8b8b8, #a8a8a8) !important;

  background: -webkit-linear-gradient(top, #b8b8b8, #a8a8a8) !important;

  background: -o-linear-gradient(top, #b8b8b8, #a8a8a8) !important; 

  -webkit-border-radius: 90px;

  -moz-border-radius: 90px;

  border-radius: 90px;

}



#pf-filter ul li a:hover {

  color:#fff;

  text-decoration:none;

}



#pf-filter ul li a:active, #pf-filter ul li a.selected {

  color:#fff;

  text-decoration:none;

  background-color:#666666;

  background: -moz-linear-gradient(top, #666666, #5a5a5a) !important;

  background: -webkit-linear-gradient(top, #666666, #5a5a5a) !important;

  background: -o-linear-gradient(top, #666666, #5a5a5a) !important; 

}

a.pf-title {

  color: #666666;

  text-decoration: none;

  margin-bottom: 15px;

  clear: both;

}

/* Isotope */

.isotope-item {

  z-index: 2;

}

.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}

.isotope,

.isotope .isotope-item {

  /* change duration value to whatever you like */

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  transition-duration: 0.8s;

}

.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  transition-property: height, width;

}

.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  transition-property: transform, opacity;

}



/* Portfolio zoom overlay */

.link-zoom, li.link-zoom {

  width:100%;

  height:100%;

  margin-bottom:10px;

  background:url(../images/zoom.png) no-repeat center center;

  position:relative;

  z-index:100;

  float:left;

}

/* Single Portfolio page */

#pf-single-wrapper {

  padding: 10px;

  -moz-box-shadow:    0 0 6px #b8b8b8;

  -webkit-box-shadow: 0 0 6px #b8b8b8;

  box-shadow:         0 0 6px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

  margin-bottom: 20px;

}

#pf-single-wrapper ul.slides {

  margin: 0 !important;

  padding: 0 !important;

}



#pf-single-wrapper .flexslider:hover .flex-next {opacity: 0.8; right: 5px;}

#pf-single-wrapper .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}

.portfolio-slider,

.single-pf-image,

.pf-video-wrapper {

  width: 100%;

  max-width: 940px !important;

  height: 100%;

  max-height: 412px !important;

  margin-left: auto;

  margin-right: auto;

  position:relative;

}

.pf-video-wrapper {

  max-height: 484px !important; 

}

.portfolio-slider .flexslider .slides img {
  
  display:block;

  max-width: 924px !important;

  width: 100%;

  max-height: 412px !important;

  height: 100%;

}

.single-pf-image img {

  display:block;

  max-width: 924px !important;

  width: 100%;

  max-height: 412px !important;

  height: 100%;

}



/*--------------------------------------------------------------------

  Staff List

----------------------------------------------------------------------*/

.staff-list {

  margin-bottom: 10px;

}

.staff-list h4 {

  margin-bottom: 15px;

}

.staff-thumb {

  float: left;

  max-width: 28%;

  margin-right: 20px;

}

.staff-thumb img {

  margin-right: 0 !important;

}

.staff-content {

  float: left;

  width: 65%;

  margin-bottom: 10px;

}

.staff-content h5,

.staff-content h6 {

  padding-bottom: 5px;

  border-bottom: 1px solid #e6e6e6;

  margin-bottom: 7px !important;

}

.staff_social {

  width: 100%;

  clear: both;

  float: left;

  margin-bottom: 5px !important;

}

.staff_social li {

  float: left;

  margin: 0 5px 0 0;

  display: block;

}

/*--------------------------------------------------------------------

  Services Page

----------------------------------------------------------------------*/

.service-list {

  border-bottom: 1px solid #e6e6e6;

  width: 100%;

  float: left;

  margin-bottom: 20px;

  padding-bottom: 10px;

}

.service-thumb {

  width: 30%;

  float: left;

  margin-right: 20px;

}

.service-thumb img {

  max-width: 100%;

  width: 300px;

  height: 180px;

  max-height: 100%;

}

.service-content {

  width: 66%;

  float: left;

}



/*--------------------------------------------------------------------

  Blog Page

----------------------------------------------------------------------*/

.blog-post {

  width: 100%;

  float: left;

  margin-bottom: 30px;

  padding-bottom: 20px;

  border-bottom: 1px solid #e6e6e6;

}

.post-thumb {

  float: left;

  margin-right: 20px;

  width: 220px;

}

.post-thumb img {

  max-width: 100%;

  width: 220px;

}

.post-meta {

  display: block;

  text-align: right;

}

.post-meta span {

  padding: 0 5px 0 20px;

  float: left;

  font-size: 11px !important;

  margin-right: 15px;

  margin-bottom: 5px;

  border-bottom: 1px solid #e6e6e6;

  background-color: #ffffff;

}

.post-meta span a {

  color: #868686;

}

.post-title {

  padding-bottom: 5px;

  line-height: 28px;    

}

span.date {

  background-image: url(../images/post-date.png);

  background-position: 4px 6px;

  background-repeat: no-repeat;

}

span.comment {

  background-image: url(../images/post-comment.png);

  background-position: 4px 6px;

  background-repeat: no-repeat;

}

span.author {

  background-image: url(../images/post-user.png);

  background-position: 4px 6px;

  background-repeat: no-repeat;

}

span.category {

  background-image: url(../images/post-category.png);

  background-position: 4px 6px;

  background-repeat: no-repeat;

}

.post-content {

  float: left;

  width: 434px;

}

.post-content h3 {

  line-height: 28px !important;

}



/* Blog Pagination */

.blog-pagination{

  width:100%;

  margin-bottom:30px;

  float:left;

}



.pages{line-height:30px; margin-bottom:10px; clear:left;}



.blogpages{margin:8px 0px;}



.pfpages{margin:-15px 0px 12px 0px;}



.pageof{

  font-size:12px;

  display: block;

  padding: 2px 7px;

  color:#828282;

  float:left;

  padding:5px 10px;

  background-color:#ffffff;

  border-right:1px solid #d0d1d1;

  border-bottom:1px solid #d0d1d1;

  margin:0px 5px 0px 0px;

}



.pages a{

  font-size:14px;

  display: block;

  color:#828282;

  float:left;

  padding:2px 12px;

  background-color:#ffffff;

  border-right:1px solid #d0d1d1;

  border-bottom:1px solid #d0d1d1;

  margin:0px 5px 0px 0px;

  text-decoration:none;

}



.pages a:hover{

  color:#ffffff !important; 

  background-color:#555555; 

  text-decoration:none;

}



.pages span.current{

  color:#ffffff !important; 

  background-color:#555555; 

  font-size:14px;

  display: block;

  color:#828282;

  float:left;

  padding:2px 12px;

  border-right:1px solid #d0d1d1;

  border-bottom:1px solid #d0d1d1;

  margin:0px 5px 0px 0px;

  text-decoration:none;

}



/* Comment list */

#commentform-wrap {

  width:100%;

  margin-top:30px;

  float:left;	

}

fieldset {

  border:0;

}

form#comment-form label {

  font-size:13px;

  line-height:57px;

  width:37%;

  margin-top:-11px;

  margin-bottom:0px;

  float:right;

}



form#comment-form input {

  width:60%;

  margin-bottom:15px;

  float:left;	

}



form#comment-form textarea {

  margin-bottom:15px;

  overflow:hidden;

  float:left;	

  padding: 10px;

  width: 96%;

}



form#comment-form #submit {

  width:90px;

  font-size:12px;

  font-weight:bold;

  color:#fff;

  padding:10px 12px;

  line-height:1em;

  text-align:center;

  text-transform:uppercase;

  display: inline-block;

  background-color:#575757;

  background: -moz-linear-gradient(top, #636363, #575757) !important;

  background: -webkit-linear-gradient(top, #636363, #575757) !important;

  background: -o-linear-gradient(top, #636363, #575757) !important; 

  background-image:none;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border:none;

  cursor:pointer;

  float:left;

}



form#comment-form em {

  color:#db4e43;

  display:inline;

}



#commentform-wrap {

  margin-bottom: 20px;

  width:100%;

  float:left; 

}

#comments {

  padding:20px 0 8px;

}

#comments h4 {

  border-bottom: 1px solid #dcdcdc;

  padding-bottom: 10px;

  margin-bottom: 10px;

  width: 100%;

}

.comment-text h6, 

#reply-title {

  margin-bottom:-2px;

  font-size: 18px;

}



#comment ol {

  list-style-type:none!important;

  margin:0 !important;

  padding:10px 0 0 0;

}

.commentlist {

  margin: 0;

}

.commentlist li {

  position:relative;

  list-style:none;

  line-height:22px;

  list-style-position:outside;

  background: none;

  margin: 0;

}



.commentlist ul.children {

  margin:0px 0px 0 84px;

  padding-top: 10px;

}

.commentlist ul.children li {

background: none;  

}

  .commentlist li small {

  font-size:11px;

  text-transform:uppercase;

}



.commentlist li p {

margin-top:10px;

}

.avatar {

	float:left; 

	margin:3px 12px 10px 0px;

}

.avatar img {

  padding:4px;

  -moz-box-shadow:    0 0 4px #b8b8b8;

  -webkit-box-shadow: 0 0 4px #b8b8b8;

  box-shadow:         0 0 4px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

}



.comment-text {

  border-bottom:1px solid #dcdcdc;

  margin-left:85px;

  width:auto;

  margin-bottom:10px;

  padding:0px 0px 7px;

}

.comment-text h6 {

  font-size: 16px !important;

}

.comment-text p {

  font-size:13px;

  margin-bottom:5px;

  line-height:21px;

}





a.comment-reply-link, a:visited.comment-reply-link {

  padding:0px 6px 2px 6px !important;

  font-size:10px;

  color:#ffffff !important;

  text-transform:lowercase;

  text-decoration:none;

  background-color:#868686;

  background: -moz-linear-gradient(top, #989898, #868686) !important;

  background: -webkit-linear-gradient(top, #989898, #868686) !important;

  background: -o-linear-gradient(top, #989898, #868686) !important; 

  -webkit-border-radius: 3px;

  -moz-border-radius: 3;

  border-radius: 3px;

  position:relative;

  top:-15px;

  float: right;

}



h3#reply-title {

  border-bottom: 1px solid #dcdcdc;

  padding-bottom: 10px;

  margin-bottom: 10px;

  width: 100%;

}



/*--------------------------------------------------------------------

  Contact Form

----------------------------------------------------------------------*/



#contactFormArea {

  width:93%;

}



#contactFormArea label {

  width:70px;

  margin-top:0;

  float:left;

}



#contactFormArea input {

  width:319px;

  float:right;

}



#contactFormArea textarea {

  width:319px;

  float:right;

}



#contactFormArea .buttoncontact{

  width:90px;

  font-size:14px;

  font-family:'Ubuntu',Arial,Tahoma,Verdana;

  font-weight:bold;

  letter-spacing:-1px;

  color:#fff;

  padding:8px 18px;

  line-height:1em;

  text-align:center;

  text-transform:uppercase;

  display: inline-block;

  background-color:#353535;

  background: -moz-linear-gradient(top, #4e4e4e, #353535) !important;

  background: -webkit-linear-gradient(top, #4e4e4e, #353535) !important;

  background: -o-linear-gradient(top, #4e4e4e, #353535) !important;

  border:none;

  margin:0px 0px 5px 7px;

  cursor:pointer;

  float:right;	

}



.loading {

  font-size:12px;

  height:24px;

  background:url(../images/loading.gif) 0 0 no-repeat;

  margin:5px 0px 0px 10px;

  padding:5px 0px 0px 35px;

  color:#797979;

  float:right;

}



.success-contact {

  width:99%;

  font-size:12px;

  text-align:center;

  color:#3F9153;

  background-color:#D7F7DF;

  border:1px solid #A3F7B8;

  clear:both;

  display:block;

  margin:4px 0 20px 0px;

  padding:10px;

}



/*--------------------------------------------------------------------

  Footer 

----------------------------------------------------------------------*/

#bottombar  {

  -moz-box-shadow:    inset 0 6px 6px -6px #a8a8a8;

  -webkit-box-shadow: inset 0 6px 6px -6px #a8a8a8;

  box-shadow:         inset 0 6px 6px -6px #a8a8a8;

  background-color: #e6e6e6;

  border-top: 1px solid #ffffff;

  border-bottom: 1px solid #cacaca;

  padding: 25px 0 15px;

  width: 100%;

  margin-top: 20px;

}



footer {

  background-color: #212121;

  background-image: ur(../images/noise.png);

  background-repeat: repeat;

  padding: 24px 0 0;

  float: left;

  width: 100%;

  -moz-box-shadow:    inset 0 6px 6px -6px #000000;

  -webkit-box-shadow: inset 0 6px 6px -6px #000000;

  box-shadow:         inset 0 6px 6px -6px #000000;

}

footer h5 {

  color: #ffffff;

  margin-bottom: 18px !important;

}

footer li,

footer p,

footer a {

  color: #b8b8b8 !important;

}

footer a:hover {

  color: #ffffff !important;

}



/* Contact List */

.contactlist {

  margin-bottom:  0 !important;

}

.contactlist li {

  padding-left: 24px;

  line-height: 20px !important;

}

.contactlist li a {

}

.contactlist li.home {

  background: url(../images/home.png) 0 2px no-repeat;

}

.contactlist li.mail {

  background: url(../images/mail.png) 0 2px no-repeat;

}

.contactlist li.help {

  background: url(../images/help.png) 0 2px no-repeat;

}

.contactlist li.phone {

  background: url(../images/phone.png) 0 2px no-repeat;

}

.contactlist li.phone2 {

  background: url(../images/phone2.png) 0 2px no-repeat;

}

.contactlist li.flaglu {

  background: url(../images/flags/small/lu.png) 0 2px no-repeat;

}

.contactlist li.flagde {

  background: url(../images/flags/small/de.png) 0 2px no-repeat;

}

.contactlist li.flagch {

  background: url(../images/flags/small/ch.png) 0 2px no-repeat;

}

.contactlist li.flagat {

  background: url(../images/flags/small/at.png) 0 2px no-repeat;

}





/* Latest News */

.latestnews li {

  margin-bottom: 8px;

  padding-bottom: 0;

  border: none;

}

.sidebar .latestnews li {

  margin: 0 0 4px !important;

  padding: 0 0 4px !important;

}

.latestnews li img {

  margin-bottom: 15px;

  margin-right: 12px;

  padding:4px;

  -moz-box-shadow:    0 0 4px #b8b8b8;

  -webkit-box-shadow: 0 0 4px #b8b8b8;

  box-shadow:         0 0 4px #b8b8b8;

  background-color: #fafafa;

  border: 1px solid #ffffff;

}

.latestnews li p.newsdate {

  font-size: 11px;

  text-decoration: underline;

  margin-bottom: 0;

  color: #868686;

}

.latestnews li p.newscontent {

  font-size: 11px;

  line-height: 16px;

  margin-bottom: 0;

  color: #868686;

}



/* Twitter */

.twitter_icon {

  position: relative;

  top: 8px;

  left: 0;

  margin-right: 5px;

}

p.loading {

	margin: 0;

	padding: 1em 1em 1em 3em;

	background: transparent url(../images/loading-pf.gif) 1em center no-repeat;

}

.tweet_list {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.tweet_list li {

	margin: 6px 0;

	padding-bottom: 8px;

	font-size: 12px;

	color: #868686;

	font-style: italic;

	line-height: 1.4em;

  background: none;

}

.tweet_list li a {

  background: none;

  padding: 0;

}

.tweet_list li span {

	display: block;

}

.tweet_list li span a {

}

.tweet_list li span a:hover{

}

.tweet_list li .tweet_text a {

  margin-bottom: 0;

  padding: 0;

}

.tweet_list li.lastTweet {

}

.tweet_list .tweet_time {

  display: none;

}

.sidebar .tweet_list li {

  padding-left: 0 !important; 

}

#twitter-noscript {

  display:none;

}



#bottom {

  background-color: #151515;

  padding: 10px 0;

  margin-top: 10px;

  color: #868686;

}

#bottom a {

  color: #868686 !important;

}

.copyright {

  display: block;

  text-align: right;

  font-size: 12px;

}



.social-links ul {

  margin: 0 0 5px 0;

  padding: 0;

  float: left;

}

.social-links ul li {

  margin: 5px 10px 0 0;

  float: left;

  font-size: 12px;

}

.social-links ul li img {

  margin-right: 3px;

}

.ssraw{width:300px!Important;

}

.mhraw{width:60%!Important;

}

.cb{clear:both;}



.rows_grey {background-color:#F0F0F0;}