body {
  /*padding-top: 50px; /* body padding for fixed top nav */
  /*background-color: #000000;*/
}
a.button {
  display: inline-block;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 400;
  clear: right;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.button + .button {
  margin-left: 10px;
}
a.button:hover {
  color: white;
}
a.button.simple {
  background-color: #347fac;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a.button.simple:hover {
  background-color: #b94a4d;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body {
  background: #FFF;
  color: #777;
  font-size: 13px;
  font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
  margin-top: 0;
  font-weight: 500;
  line-height: 1.15;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 12px;
  margin: 0 0 0 5px;
}
/*h1 {
  font-size: 28px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 13px;
}
h6 {
  font-size: 11px;
}
strong,
b {
  color: #555;
  font-weight: 500;
}
a:hover,
a:focus {
  outline: none;
}
small,
.small {
  font-size: 11px;
}
/*= REUSABLE CLASSES
---------------------------------------------------------------------------------------------- */
.lead {
  font-size: 14px;
  line-height: 1.8em;
}
.text-center {
  text-align: center;
}
/*= SECTION
---------------------------------------------------------------------------------------------- */
.section {
 /** padding: 50px 40px;*/
}
.section + .section {
  border-top: 0px solid #e5e5e5;
}
.section-headlines {
  margin-bottom: 30px;
}
.section-headlines h2 {
  font-size: 32px;
}

/*= PRICING TABLE
---------------------------------------------------------------------------------------------- */
.pricing-table .plan {
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  margin: 0;
  position: relative;
  z-index: 1;
}
.pricing-table .plan:hover {
  border-color: #ccc #ccc #bbb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.pricing-table .plan-name {
	color: #6D7378;
	text-align: center;
	font-size: 16px;
	line-height: 4px;
	position: relative;
	padding:0 10px;
	height: 180px;
}
	
	
.pricing-table .plan-name1 {
	height: 180px;
	color: #6D7378;
	text-align: center;
	font-size: 16px;
	line-height: 4px;
	position: relative;
	padding:0 10px;

}	
.muted {
	color: #93999E;
	font-weight: 200;
	font-size: 13px;
}
.cycle{
	color: #93999E;
	font-weight: 200;
	font-size: 10px;
	width: 100%;
	float: left;
}
.pricing-table .plan-name h2, .pricing-table .plan-name1 h2 {
    color: #009043;
    font-size: 18px;
    margin-top: 10px !important;
   /* text-shadow: 0 1px 0px rgba(255,255,255,0.3);*/
}
.pricing-table .plan-name h2 + p {
  margin: 10px 10px 0;
}
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: -1px;
}
.ribbon {
  font: 600 10px 'Open Sans';
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px;
  top: 15px;
  width: 120px;
  color: #FFF;
  text-transform: uppercase;
}
div.pricing-table  .blue{
	background-color: #2583C3;
}
div.pricing-table  .green{
	background: rgb(136,183,62);
}
.pricing-table .plan-price {
	color: #009043;
	font-size: 36px;
	font-weight: 600;
	line-height: normal;
display: block;
margin: 10px 0;}
	#pricing_table .speci {
		z-index: 99999;
	}
	#pricing_table .speci li {
		padding: 10px 10px;
		font-size: 13px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
    text-align: left;
    
    /* cross browser transition */
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
				
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
			
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
	}
    #pricing_table .speci li:hover {
    
    padding: 20px 10px;
    color: #fff;
  }
  #pricing_table .speci li:nth-child(even) {
    background: rgba(255,255,255,.3);
  }
  #pricing_table .speci li:hover:nth-child(even) {
    background: rgba(10,10,10,.5);
  }
  #pricing_table .speci li:nth-child(odd) {
    background: rgba(255,255,255,.6);
  }
  #pricing_table .speci li:hover:nth-child(odd) {
    background: rgba(10,10,10,.8);
  }
  #pricing_table .speci li::before {
    font-family: 'ModernPictogramsNormal';
    content: '';
    font-size: 30px;
    padding: 5px;
    vertical-align: -20%;
  }
  #pricing_table .speci li:nth-child(1)::before {
    content: '}';
  }
  #pricing_table .speci li:nth-child(2)::before {
    content: '(';
  }
  #pricing_table .speci li:nth-child(3)::before {
    content: '3';
  }
  #pricing_table .speci li:nth-child(4)::before {
    content: '4';
  }
  #pricing_table .speci li:nth-child(5)::before {
    content: '@';
  }
  #pricing_table .speci li:nth-child(6)::before {
    content: '6';
  }
  #pricing_table .speci li:nth-child(1) {
    -webkit-animation-duration: 2s;
      -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
          animation-duration: 1s;
  }
  #pricing_table .speci li:nth-child(2) {
    -webkit-animation-duration: 4s;
      -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
          animation-duration: 1s;
  }
  #pricing_table .speci li:nth-child(3) {
    -webkit-animation-duration: 6s;
      -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
          animation-duration: 1s;
  }
  #pricing_table .speci li:nth-child(4) {
    -webkit-animation-duration: 8s;
      -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
          animation-duration: 1s;
  }
  #pricing_table .speci li:nth-child(5) {
    -webkit-animation-duration: 10s;
      -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
          animation-duration: 1s;
  }
  #pricing_table .speci li:nth-child(6) {
    -webkit-animation-duration: 12s;
      -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
          animation-duration: 1s;
  }

.pricing-table .plan-price b {
	font-size: 24px;
	font-weight: 600;
	height: 100px;
	padding-top: 15px;
	line-height: normal;
}
.pricing-table .plan-price b b {
  font-size: 16px;
  font-weight: 500;
}
.pricing-table .prefered .plan-price {
  color: #b0a996;
}
.pricing-table .prefered .plan-name {

 }

.row-merge {
  width: 100%;
  *zoom: 1;
}
.row-merge:before,
.row-merge:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-merge:after {
  clear: both;
}
.row-merge [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0%;
  *margin-left: -0.06944444444444445%;
}
.row-merge [class*="span"]:first-child {
  margin-left: 0;
}
.row-merge .controls-row [class*="span"] + [class*="span"] {
  margin-left: 0%;
}
.row-merge .span12 {
  width: 99.99999999999999%;
  *width: 99.93055555555554%;
}
.row-merge .span11 {
  width: 91.66666666666666%;
  *width: 91.59722222222221%;
}
.row-merge .span10 {
  width: 83.33333333333331%;
  *width: 83.26388888888887%;
}
.row-merge .span9 {
  width: 74.99999999999999%;
  *width: 74.93055555555554%;
}
.row-merge .span8 {
  width: 66.66666666666666%;
  *width: 66.59722222222221%;
}
.row-merge .span7 {
  width: 58.33333333333333%;
  *width: 58.263888888888886%;
}
.row-merge .span6 {
  width: 49.99999999999999%;
  *width: 49.93055555555555%;
}
.row-merge .span5 {
  width: 41.66666666666666%;
  *width: 41.597222222222214%;
}
.row-merge .span4 {
  width: 33.33333333333333%;
  *width: 33.263888888888886%;
}
.row-merge .span3 {
  width: 24.999999999999996%;
  *width: 24.930555555555554%;
}
.row-merge .span2 {
  width: 16.666666666666664%;
  *width: 16.59722222222222%;
}
.row-merge .span1 {
  width: 8.333333333333332%;
  *width: 8.263888888888888%;
}
.row-merge .offset12 {
  margin-left: 99.99999999999999%;
  *margin-left: 99.8611111111111%;
}
.row-merge .offset12:first-child {
  margin-left: 99.99999999999999%;
  *margin-left: 99.8611111111111%;
}
.row-merge .offset11 {
  margin-left: 91.66666666666666%;
  *margin-left: 91.52777777777777%;
}
.row-merge .offset11:first-child {
  margin-left: 91.66666666666666%;
  *margin-left: 91.52777777777777%;
}
.row-merge .offset10 {
  margin-left: 83.33333333333331%;
  *margin-left: 83.19444444444443%;
}
.row-merge .offset10:first-child {
  margin-left: 83.33333333333331%;
  *margin-left: 83.19444444444443%;
}
.row-merge .offset9 {
  margin-left: 74.99999999999999%;
  *margin-left: 74.8611111111111%;
}
.row-merge .offset9:first-child {
  margin-left: 74.99999999999999%;
  *margin-left: 74.8611111111111%;
}
.row-merge .offset8 {
  margin-left: 66.66666666666666%;
  *margin-left: 66.52777777777777%;
}
.row-merge .offset8:first-child {
  margin-left: 66.66666666666666%;
  *margin-left: 66.52777777777777%;
}
.row-merge .offset7 {
  margin-left: 58.33333333333333%;
  *margin-left: 58.19444444444444%;
}
.row-merge .offset7:first-child {
  margin-left: 58.33333333333333%;
  *margin-left: 58.19444444444444%;
}
.row-merge .offset6 {
  margin-left: 49.99999999999999%;
  *margin-left: 49.86111111111111%;
}
.row-merge .offset6:first-child {
  margin-left: 49.99999999999999%;
  *margin-left: 49.86111111111111%;
}
.row-merge .offset5 {
  margin-left: 41.66666666666666%;
  *margin-left: 41.52777777777777%;
}
.row-merge .offset5:first-child {
  margin-left: 41.66666666666666%;
  *margin-left: 41.52777777777777%;
}
.row-merge .offset4 {
  margin-left: 33.33333333333333%;
  *margin-left: 33.19444444444444%;
}
.row-merge .offset4:first-child {
  margin-left: 33.33333333333333%;
  *margin-left: 33.19444444444444%;
}
.row-merge .offset3 {
  margin-left: 24.999999999999996%;
  *margin-left: 24.86111111111111%;
}
.row-merge .offset3:first-child {
  margin-left: 24.999999999999996%;
  *margin-left: 24.86111111111111%;
}
.row-merge .offset2 {
  margin-left: 16.666666666666664%;
  *margin-left: 16.52777777777778%;
}
.row-merge .offset2:first-child {
  margin-left: 16.666666666666664%;
  *margin-left: 16.52777777777778%;
}
.row-merge .offset1 {
  margin-left: 8.333333333333332%;
  *margin-left: 8.194444444444443%;
}
.row-merge .offset1:first-child {
  margin-left: 8.333333333333332%;
  *margin-left: 8.194444444444443%;
}
[class*="span"].hide,
.row-merge [class*="span"].hide {
  display: none;
}
[class*="span"].pull-right,
.row-merge [class*="span"].pull-right {
  float: right;
}
@media (max-width: 767px) {
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-merge [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-merge .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-merge [class*="offset"]:first-child {
    margin-left: 0;
  }
}
.pricing-table .featured {
z-index:10;padding-top:24px;padding-bottom:36px;margin-top:-1.2em;border-color:#34495e;border-width:2px;border-radius:2px
}
.pricing-table .featured:hover{border-color:#10161c}.label{padding-top:.5em}.badge.pull-right{margin-left:.3em}
.pricing-table .prefered .plan-price b {
  color: #d95246;
}
.pricing-table .plan-details {
  padding: 0 10px;
    border-top: 1px solid #e5e5e5;

}
.pricing-table .plan-details > div {
  background: #fff;
  padding: 15px;
}
.pricing-table .plan-details > div + div {
  border-top: 1px solid #e5e5e5;
}
.pricing-table .plan-action {
  background: #fafafa;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #e5e5e5;
  padding: 15px;
}
.pricing-table.row-merge .plan {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.pricing-table.row-merge [class*="span"]:first-child .plan {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pricing-table.row-merge [class*="span"]:last-child .plan {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pricing-table.row-merge [class*="span"] + [class*="span"] .plan {
  margin-left: -1px;
}
.post-title{
	font-size: 21px;
	line-height: 1.3em;
	color: 000#;
}
.post-title a:hover{ text-decoration: none; }
.post-meta-info {
	font-size: 12px;
	position: relative;
	top: -8px;
	display: block;
}
.post-meta-info a{text-decoration: none;}
.post-meta-info a:hover{text-decoration: underline;}
	
	#nav_menu {
		height: 46px;
		width: 940px;
		background: url(../images/gradient_bg.png) repeat-x 0 -571px;
		
		position: absolute;
		bottom: -20px;
		z-index: 9;
		
		/* box rounded corners */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; 
		
		/* box sadow */
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6); 
	}
	
	#nav_menu.home{
		padding: 0 35px 0 0;
		width: 910px	
	}
	#nav_menu.reseller{
		padding: 0 0 0 35px;
		width: 910px	
	}
	#nav_menu.dedicated{
		padding: 0 0 0 35px;
		width: 910px	
	}
	#nav_menu ul li {
		float: right;
		position: relative;
	}
	
	#nav_menu ul li a {
		display: block;
		height: 46px;
		padding: 0 15px;
		
		color: #323333;
		font-size: 17px;
		font-weight: 500;
		line-height: 46px;
		
		-webkit-transition: 0.1s linear color;
		-moz-transition: 0.1s linear color;
		-ms-transition: 0.1s linear color;
		-o-transition: 0.1s linear color;
		transition: 0.1s linear color;

	}
	#nav_menu.home ul li:first-child a {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	#nav_menu ul li:first-child a {
		-moz-border-radius-topright: 4px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-radius: 0px 4px 4px 0px;
		border-radius: 0px 4px 4px 0px; 
	}
	#nav_menu ul li a:hover, #nav_menu ul a.active {
		color: #fff!important;
		/*text-shadow: 0 -1px rgba(0,0,0, 0.1);*/
		background: url(../images/gradient_bg.png) repeat-x 0 -525px;
		border-bottom: 1px solid rgba(40,90,100, 0.9);		
		border-right: 1px solid rgba(0,0,0, 0.2);
		border-left: 1px solid rgba(0,0,0, 0.2);
		margin: 0 -1px 0 -1px;
	}
	
	#nav_menu ul li ul.dropdown {
		visibility:hidden;
		opacity:0;
		
		float: right;
		padding: 10px 0;
		position: absolute;
		top: 47px;
		
		background: #e8eaed;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; 
		z-index: 4;
		
		/* box sadow */
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.6); 
			
		-webkit-transition: all 0.3s linear 0s;
		-moz-transition: all 0.3s linear 0s;
		-ms-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
		transition: all 0.3s linear 0s;
	}
	#nav_menu ul li ul.dropdown .sico, #nav_menu ul li ul.dropdown .sflag {
		margin: 2px -15px 0 10px;
	}
	.sico.linux {
		background-position: 0 -1193px;
	}
	.sico.windows{
		background-position: 0 -1120px;	
	}
	#nav_menu ul li:hover ul.dropdown {
		visibility:visible;
		opacity:0.9;
	}
	.dp_arrow {
		display: block;
		height: 10px;
		margin: -10px 0 0 0;
		background: url(../images/dropdown_arrow.png) no-repeat center top;
		opacity: 0.9;
	}
	
	#nav_menu ul li:hover .dp_arrow, #nav_menu ul li a.active .dp_arrow {
		margin: -9px 0 0 0;
	}
	
	#nav_menu ul li ul.dropdown li a {
		min-width: 120px;
		height: auto!important;
		padding: 4px 25px 4px 15px;
		font-size: 13px;
		line-height: 18px;
		margin: 0;
		
		-webkit-transition: 0.1s linear color;
		-moz-transition: 0.1s linear color;
		-ms-transition: 0.1s linear color;
		-o-transition: 0.1s linear color;
		transition: 0.1s linear color;
	}
	#nav_menu ul li ul.dropdown li a:hover {
		color: #fff!important;
		/*text-shadow: 0 -1px rgba(0,0,0, 0.1);*/
		background: url(../images/gradient_bg.png) repeat-x 0 -526px;
		border: none;
	}
	#nav_menu ul li ul.dropdown li:first-child a {
		-moz-border-radius: 0;
		border-radius: 0;
	}

	#nav_menu ul li ul.dropdown li {
		background: url(../images/small_icons.png) no-repeat right -348px;
	}
	
	#nav_menu ul li a .sico {
		display: block;
		float: right;
		height: 20px;
		width: 20px;
		margin: 14px 0 10px 10px;
	}
	
	
	/*====== end of nav menu styles =======*/
.header {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.02)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#05000000', GradientType=0);
  border-bottom: 1px solid #ccc;
}
.nav-justified {
  background-color: #eee;
  }
.header .nav {
  background-color: #333;
  margin-bottom: -5px;
  position: relative;
}
.header .nav > li > a {
  color: #bbbbbb;
  margin-bottom: 0;
}
.header .nav > li > a:hover,
.header .nav > li > a:focus {
  background-color: transparent;
  color: #fff;
}
.header .nav > .active > a,
.header .nav > .active > a:hover,
.header .nav > .active > a:focus {
  background-color: #167edd;
  color: #fff;
}
.header .nav > .special > a,
.header .nav > .special > a:hover,
.header .nav > .special > a:focus {
  background-color: #222;
}
.header h1 {
  font-size: 20px;
  margin: 0;
  padding: 30px 0;
  text-align: center;
}
.header h1 > a {
  color: inherit;
}
.header h1 > a:hover {
  text-decoration: none;
}
.jumbotron {
  text-align: center;
  background-color: transparent;
}.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}
.footer {
  color: #ccc;
  margin-top: 40px;
  padding: 60px 0 20px;
  text-align: center;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
}